.faq-page .page-hero h1 { font-size: clamp(2rem, 4.8vw, 3.6rem); }
.faq-directory { padding-top: 36px; }
.faq-topics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 64px; }
.faq-topics a { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); color: var(--plum); font-size: .9375rem; font-weight: 700; transition: border-color .2s, transform .2s; }
.faq-topics a:hover { border-color: var(--plum); transform: translateY(-3px); }
.faq-topics a:focus-visible { outline: 3px solid var(--plum); outline-offset: 3px; }
.faq-topics span { display: block; margin-bottom: 8px; color: var(--rose); }
.faq-group { margin-top: 64px; scroll-margin-top: 110px; }
.faq-group__heading { max-width: 940px; margin: 0 auto 24px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; }
.faq-group__heading .eyebrow { margin: 0; }
.faq-group__heading h2 { margin: 0; font-size: clamp(1.4rem, 3vw, 2rem); color: var(--plum-dark); }
.faq-group__count { margin-left: auto; font-size: .875rem; color: var(--muted); }
.faq-page .home-faq__item { scroll-margin-top: 110px; }
.faq-page .home-faq__item summary { display: flex; gap: 14px; }
.faq-question-number { flex: 0 0 26px; color: var(--rose); font-size: .875rem; padding-top: 3px; }
.faq-page .home-faq__answer a { color: var(--plum); text-decoration: underline; text-underline-offset: 3px; }
.faq-reference { max-width: 940px; margin: 64px auto 0; padding: 28px; border-top: 2px solid var(--rose); background: var(--blush); border-radius: 0 0 18px 18px; }
.faq-reference h2 { font-size: 1.25rem; color: var(--plum-dark); }
.faq-reference p { font-size: .9375rem; }
.faq-reference p:last-child { margin-bottom: 0; }
.faq-reference a { color: var(--plum); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 980px) { .faq-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .faq-topics { gap: 8px; margin-bottom: 40px; } .faq-topics a { padding: 14px; } .faq-group { margin-top: 44px; } .faq-group__count { width: 100%; margin-left: 0; } .faq-page .home-faq__item summary { gap: 8px; } .faq-reference { padding: 22px 18px; } }
@media (prefers-reduced-motion: reduce) { .faq-topics a:hover { transform: none; } }