.faq-wrap { width:min(calc(100% - 48px),1000px); margin:auto; }
.breadcrumbs { display:flex; gap:12px; flex-wrap:wrap; font-size:14px; color:var(--muted); padding-top:24px; }
.breadcrumbs a { text-underline-offset:4px; }
.faq-heading { text-align:center; padding:54px 0 44px; }
.faq-heading p { color:var(--aqua-dark); margin:0 0 12px; font-size:16px; }
.faq-heading h1 { font-size:clamp(28px,4vw,42px); font-weight:500; line-height:1.5; margin:0; }
.faq-nav { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); margin-bottom:60px; }
.faq-nav a { display:flex; justify-content:space-between; align-items:center; padding:20px 16px; text-decoration:none; font-size:14px; gap:10px; }
.faq-nav a + a { border-left:1px solid var(--line); }
.faq-nav a:hover { background:var(--mist); }
.faq-nav span { color:var(--aqua-dark); }
.faq-group { margin-bottom:60px; scroll-margin-top:24px; }
.faq-group h2 { font-size:24px; font-weight:500; border-left:4px solid var(--aqua-dark); padding-left:18px; margin:0 0 24px; }
.faq-item { border-top:1px solid var(--line); }
.faq-item:last-child { border-bottom:1px solid var(--line); }
.faq-item summary { list-style:none; display:flex; align-items:center; gap:20px; padding:24px 20px; cursor:pointer; font-size:17px; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:hover { background:var(--mist); }
.q-mark,.a-mark { font-size:22px; font-weight:500; line-height:1.6; flex:0 0 24px; color:var(--aqua-dark); }
.toggle { position:relative; flex:0 0 18px; width:18px; height:18px; margin-left:auto; }
.toggle::before,.toggle::after { content:""; position:absolute; background:var(--aqua-dark); top:8px; left:0; width:18px; height:2px; }
.toggle::after { transform:rotate(90deg); }
details[open] .toggle::after { transform:rotate(0); }
.faq-answer { display:flex; gap:20px; padding:24px 20px 30px; background:var(--mist); font-size:16px; }
.answer-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.95; min-width:0; }
.a-mark { color:var(--muted); }
.faq-support { margin:72px 0 80px; padding:40px; background:var(--mist); text-align:center; }
.faq-support h2 { font-size:24px; font-weight:500; margin:0 0 24px; }
.support-links { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.support-links a { padding:15px 22px; border:1px solid var(--aqua-dark); color:var(--aqua-dark); background:#fff; text-decoration:none; font-size:16px; }
.support-links a:hover { background:var(--aqua-dark); color:#fff; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--aqua-dark); outline-offset:4px; }
@media(max-width:700px) {
.faq-wrap { width:calc(100% - 32px); }
.faq-heading { padding:36px 0 30px; }
.faq-nav { grid-template-columns:repeat(2,1fr); margin-bottom:40px; }
.faq-nav a { padding:16px 12px; }
.faq-nav a:nth-child(3) { border-left:0; }
.faq-nav a:nth-child(n+3) { border-top:1px solid var(--line); }
.faq-item summary { padding:20px 8px; gap:12px; font-size:16px; }
.faq-answer { padding:20px 12px; gap:12px; }
.faq-group { margin-bottom:42px; }
.faq-group h2 { font-size:22px; }
.faq-support { padding:28px 16px; margin:48px 0; }
.support-links { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }