body { margin: 0; color: var(--site-text); background: var(--site-bg); font-family: var(--site-font-body); }
.faq-shell { max-width: 920px; margin: 0 auto; padding: 32px 18px 72px; }
.faq-shell h1, .faq-shell h2 { font-family: var(--site-font-display); }
.faq-shell h1 { font-size: clamp(2rem, 5vw, 3rem); margin: 0 0 14px; }
.faq-shell h2 { font-size: 1.4rem; margin: 0 0 16px; }
.faq-shell p { line-height: 1.7; color: var(--site-muted); }
.faq-shell a { color: var(--site-accent-strong); font-weight: 700; }
.faq-topics { display: flex; flex-wrap: wrap; gap: 14px 24px; margin: 24px 0; }
.faq-shell section { margin-top: 32px; scroll-margin-top: var(--section-offset, 180px); }
.faq-shell details { border: 1px solid var(--site-border); border-radius: 14px; background: var(--site-surface); margin: 10px 0; }
.faq-shell summary { padding: 18px; font-weight: 700; line-height: 1.5; cursor: pointer; }
.faq-shell details p { margin: 0; padding: 0 18px 20px; }
.faq-shell a:focus-visible, .faq-shell summary:focus-visible { outline: 3px solid var(--site-secondary); outline-offset: 3px; border-radius: 6px; }