@charset "UTF-8";
.search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:40px;padding:6px 6px 6px 20px;max-width:560px;margin-top:26px}
.search svg{width:20px;height:20px;color:var(--muted);flex-shrink:0}
.search input{flex:1;border:0;outline:0;color:var(--ink);font-size:16px;padding:12px 0;background:transparent;min-width:0}
.faq-layout{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
.topics{position:sticky;top:100px;display:grid;gap:6px}
.topics button{text-align:left;border:0;background:none;padding:12px 16px;border-radius:12px;font-family:Archivo;font-weight:700;color:var(--muted);cursor:pointer;display:flex;justify-content:space-between;transition:.2s}
.topics button:hover{background:#fff;color:var(--navy)}
.topics button[aria-pressed="true"]{background:var(--navy);color:#fff}
.topics small{opacity:.6}
.group{margin-bottom:36px}
.group h2{font-size:22px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.group h2 span{font-size:22px}
.none{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;text-align:center;color:var(--muted)}
mark{background:#fff1a8;color:inherit;border-radius:3px;padding:0 2px}
.still{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 32px;margin-top:20px}
.still h3{font-size:22px}
.still p{color:var(--muted)}
@media (max-width:900px){
  .faq-layout{grid-template-columns:1fr;gap:20px}
  .topics{position:static;display:flex;overflow-x:auto;scrollbar-width:none}
  .topics button{flex-shrink:0;gap:8px;background:#fff;border:1px solid var(--line);border-radius:40px;padding:9px 16px}
}