/* FAQ — grouped disclosure list built on the shared .ui-accordion component.
   Familiar accordion pattern (Jakob's Law); grouped + collapsed to limit visible
   choices (Miller's Law / Hick's Law); DS palette and type only. */
#faq-page-view .faq-page{max-width:760px;margin:0 auto;padding:80px var(--ui-gutter,24px) 120px;color:var(--ui-ink)}
#faq-page-view .faq-headline{font-size:var(--type-h1);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:0 0 20px}
#faq-page-view .faq-intro{font-size:var(--type-large);line-height:1.7;color:var(--ui-muted);margin:0 0 56px;max-width:60ch}
#faq-page-view .faq-intro a,#faq-page-view .faq-answer a{color:var(--ui-ink);text-decoration:underline;text-underline-offset:3px}

#faq-page-view .faq-group{margin:0 0 56px}
#faq-page-view .faq-category{font-size:var(--type-small);text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--ui-muted);margin:0 0 8px}

#faq-page-view .ui-accordion{border-top:1px solid var(--ui-line)}
#faq-page-view .faq-group>.ui-accordion:last-of-type{border-bottom:1px solid var(--ui-line)}
#faq-page-view .ui-accordion summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:20px 0;font-size:var(--type-large);font-weight:500;cursor:pointer;list-style:none}
#faq-page-view .ui-accordion summary::-webkit-details-marker{display:none}
#faq-page-view .ui-accordion summary::after{content:'+';font-size:24px;font-weight:400;line-height:1;color:var(--ui-muted);flex:0 0 auto}
#faq-page-view .ui-accordion[open] summary::after{content:'\2212'}
#faq-page-view .ui-accordion summary:hover{color:var(--ui-ink)}
#faq-page-view .faq-answer{padding:0 0 24px;max-width:62ch}
#faq-page-view .faq-answer p{font-size:var(--type-body);line-height:1.75;color:var(--ui-muted);margin:0}

#faq-page-view .faq-page>.button{margin-top:16px}
@media(max-width:560px){#faq-page-view .faq-page{padding:48px 22px 72px}}
