.faq-page { background: var(--color-background); }
.faq-breadcrumb { display: flex; align-items: center; gap: 11px; padding-block: 22px; color: var(--color-muted); font-size: .82rem; }
.faq-breadcrumb a { color: var(--color-text); }
.faq-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }

.faq-hero { padding-block: 36px 73px; text-align: center; }
.faq-hero__inner { max-width: 990px; }
.faq-hero .eyebrow { justify-content: center; }
.faq-hero h1 { max-width: 900px; margin: 0 auto 25px; font-size: clamp(2.7rem, 6vw, 5.1rem); font-weight: 400; letter-spacing: -.053em; line-height: 1.07; }
.faq-hero p:last-child { max-width: 670px; margin: 0 auto; color: var(--color-text-secondary); font-size: 1.08rem; line-height: 1.72; }

.faq-topics { padding-block: 38px 50px; background: #fff; }
.faq-topics .eyebrow { justify-content: center; margin-bottom: 26px; }
.faq-topics ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; max-width: 1170px; margin: 0 auto; padding: 1px; background: var(--color-border); list-style: none; }
.faq-topics li { min-width: 0; background: #fff; }
.faq-topics a { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 68px; padding: 17px 20px; color: var(--color-text); font-size: 1rem; font-weight: 600; line-height: 1.35; transition: background-color .18s ease; }
.faq-topics a:hover { background: var(--color-background); }
.faq-topics a span { color: var(--color-accent-dark); font-weight: 400; }

.faq-questions { background: #fff; }
.faq-group { padding-block: clamp(62px, 7vw, 100px); scroll-margin-top: 78px; }
.faq-group:nth-child(even) { background: var(--color-background); }
.faq-group__inner { max-width: 990px; }
.faq-group header { max-width: 760px; margin: 0 auto 38px; text-align: center; }
.faq-group header .eyebrow { justify-content: center; margin-bottom: 18px; }
.faq-group h2 { margin-bottom: 15px; font-size: clamp(2.15rem, 4.6vw, 3.6rem); font-weight: 400; letter-spacing: -.048em; line-height: 1.1; }
.faq-group header > p:last-child { max-width: 620px; margin: 0 auto; color: var(--color-text-secondary); font-size: 1.02rem; line-height: 1.65; }
.faq-group__items { border-top: 1px solid var(--color-border); }
.faq-entry { border-bottom: 1px solid var(--color-border); }
.faq-entry h3 { margin: 0; font-size: clamp(1.08rem, 2vw, 1.25rem); font-weight: 560; line-height: 1.45; }
.faq-entry summary { position: relative; display: block; width: 100%; min-height: 68px; padding: 20px 54px 20px 0; color: var(--color-text); text-align: left; cursor: pointer; list-style: none; }
.faq-entry summary::-webkit-details-marker { display: none; }
.faq-entry summary::after { position: absolute; top: 50%; right: 7px; content: "+"; color: var(--color-accent-dark); font-size: 1.65rem; font-weight: 350; line-height: 1; transform: translateY(-50%); }
.faq-entry details[open] summary::after { content: "−"; }
.faq-entry summary:hover { color: var(--color-accent-dark); }
.faq-entry summary:focus-visible, .faq-topics a:focus-visible { outline: 3px solid var(--color-accent-dark); outline-offset: 3px; }
.faq-entry__answer { padding: 0 54px 22px 0; }
.faq-entry__answer p { max-width: 73ch; margin: 0; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.72; }
.faq-entry__answer a { color: var(--color-text); font-weight: 650; text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 4px; }
.faq-entry__answer a:hover { color: var(--color-accent-dark); }

.faq-mid-cta { padding-block: 52px; background: #e8ede9; }
.faq-mid-cta__inner { display: flex; flex-direction: column; align-items: center; gap: 25px; max-width: 990px; text-align: center; }
.faq-mid-cta .eyebrow { justify-content: center; margin-bottom: 14px; }
.faq-mid-cta h2 { margin-bottom: 10px; font-size: clamp(1.7rem, 3.5vw, 2.65rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.13; }
.faq-mid-cta p:last-child { margin: 0; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.6; }

.faq-final-cta .final-cta__content { text-align: center; }
.faq-final-cta .eyebrow { justify-content: center; }
.faq-final-cta h2, .faq-final-cta .final-cta__content > p:not(.eyebrow) { margin-inline: auto; }
.faq-final-cta .final-cta__content > p:not(.eyebrow) { max-width: 570px; }

@media (min-width: 600px) {
  .faq-topics ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1000px) {
  .faq-topics ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .faq-hero { padding-block: 42px 84px; }
}
@media (max-width: 599px) {
  .faq-hero { padding-block: 24px 59px; }
  .faq-topics { padding-block: 33px 42px; }
  .faq-group header { margin-bottom: 30px; }
  .faq-entry summary { padding-right: 43px; }
  .faq-entry__answer { padding-right: 14px; }
}