@charset "utf-8";
/* CSS Document */

    body{
      margin:0;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:var(--bg);
      color:var(--fg);
    }

    a{ color:var(--accent); text-decoration:none; }
    a:hover{ text-decoration:underline; }

    header{
      border-bottom:1px solid var(--border);
      background:var(--card);
    }

    .nav{
      max-width:1200px;
      margin:0 auto;
      padding:0.75rem 1.5rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1.5rem;
    }

    .nav-title{
      font-weight:700;
      letter-spacing:0.06em;
      text-transform:uppercase;
      font-size:0.95rem;
      color:var(--accent);
    }

    .nav-links{
      display:flex;
      flex-wrap:wrap;
      gap:1.25rem;
      font-size:0.9rem;
    }

    main{
      max-width:1200px;
      margin:0 auto;
      padding:2rem 1.5rem 4rem;
    }

    .page-intro{
      margin-bottom:1.75rem;
    }

    .page-intro h1{
      font-size:2.25rem;
      margin:0 0 0.75rem;
      color:var(--accent);
    }

    .page-intro p{
      max-width:860px;
      line-height:1.7;
      margin:0 0 0.75rem;
      color:var(--fg);
    }

    .hint{
      color:var(--muted);
      max-width:860px;
      line-height:1.7;
    }

    .section{
      padding-block:2rem;
      border-top:1px solid var(--border);
    }

    .section h2{
      font-size:1.7rem;
      margin:0 0 0.75rem;
      color:var(--accent);
    }

    .faq{
      display:grid;
      grid-template-columns:1fr;
      gap:0.75rem;
      max-width:920px;
    }

    details{
      border:1px solid var(--border);
      background:var(--card);
      border-radius:12px;
      padding:0.85rem 1rem;
    }

    summary{
      cursor:pointer;
      font-weight:700;
      list-style:none;
      outline:none;
    }

    summary::-webkit-details-marker{ display:none; }

    details[open]{
      border-color:#333;
    }

    .answer{
      margin-top:0.65rem;
      line-height:1.7;
      color:var(--fg);
    }

    .answer p{
      margin:0 0 0.65rem;
    }

    .answer p:last-child{
      margin-bottom:0;
    }

    .chips{
      display:flex;
      flex-wrap:wrap;
      gap:0.5rem;
      margin-top:0.75rem;
    }

    .chip{
      border:1px solid #333;
      border-radius:999px;
      padding:0.15rem 0.6rem;
      font-size:0.85rem;
      color:var(--muted);
    }

    footer{
      border-top:1px solid var(--border);
      padding:1.5rem;
      font-size:0.85rem;
      color:var(--muted);
      background:var(--card);
    }

    footer .footer-inner{
      max-width:1200px;
      margin:0 auto;
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      gap:1rem;
    }

    .footer-links{
      display:flex;
      flex-wrap:wrap;
      gap:0.75rem 1.25rem;
      max-width:900px;
    }

    @media (max-width:768px){
      .nav{ flex-direction:column; align-items:flex-start; }
      .nav-links{ gap:0.9rem; }
    }