/* T06 — index 09: FAQ + final CTA. Logical properties only; tokens only. */
#faq .section-head { margin-bottom: var(--s-6); }
.faq summary { line-height: 1.45; }
.faq summary:focus-visible { outline: 3px solid var(--kx-blue); outline-offset: 4px; border-radius: var(--r-xs); }
.faq__q { flex: 1 1 auto; }
.faq .faq__body p { margin: 0; line-height: 1.7; }
.faq .faq__body a, .faq-more a { color: var(--kx-blue-ink); text-decoration: underline; text-underline-offset: 3px; }
.faq-more { margin-block-start: var(--s-6); color: var(--kx-ink-2); }
.faq-more a { font-weight: var(--fw-bold); }

/* final CTA: centered warm band; image joins on wide screens */
.final-cta { padding-block-start: 0; }
#final-cta.section { border-top: 0; }
.final-cta__band { display: grid; gap: var(--s-8); align-items: center; justify-items: center; overflow: hidden; }
.final-cta__text { max-width: 560px; }
.final-cta__text .lead { margin: 0; }
.final-cta__micro { margin-block: var(--s-3) 0; font-size: var(--fs-small); color: var(--kx-ink-2); }
.final-cta__media { display: none; margin: 0; }
.final-cta__media img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-lg); border: 4px solid #fff; box-shadow: var(--sh-3); }
@media (min-width: 960px) {
  .final-cta__band { grid-template-columns: 1.2fr 1fr; justify-items: center; }
  .final-cta__media { display: block; max-inline-size: 380px; justify-self: center; }
}