/* A clear introduction, consistent chapter order, and practical buying questions. */
.hero-foot.mission-note { display: block; max-width: 440px; border-top: 1px solid var(--line); padding-top: 20px; }
.mission-note strong { display: block; font-size: 12px; font-weight: 600; letter-spacing: .1em; color: #007e88; margin-bottom: 8px; }
.mission-note span { display: block; font-size: 14px; line-height: 1.6; color: #526b78; }
.header nav { gap: 28px; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; align-items: start; }
.faq-intro .eyebrow { margin-bottom: 24px; }
.faq-intro p { color: var(--muted); margin: 24px 0; max-width: 300px; }
.faq-list { border: 1px solid #cfe6ec; border-radius: 12px; overflow: hidden; background: linear-gradient(130deg,#f2fbff,#f5fff9); }
.faq-list details + details { border-top: 1px solid #cfe6ec; }
.faq-list summary { list-style: none; padding: 24px 28px; font: 500 19px/1.4 Manrope,sans-serif; letter-spacing: -.025em; color: #244a5c; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; flex: 0 0 29px; display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #b9dce4; border-radius: 50%; font: 400 21px/1 'DM Sans',sans-serif; color: #007e88; transition: transform .2s; }
.faq-list details[open] summary:after { content: '−'; background: #dcf5ef; }
.faq-list details[open] summary { color: #007e88; }
.faq-list details > div { padding: 0 28px 25px; }
.faq-list details p { font-size: 16px; line-height: 1.65; color: #526e7c; }
.faq-list summary:hover { background: #ffffff8c; }
.faq-list summary:focus-visible { outline: 3px solid #00a8a6; outline-offset: -4px; border-radius: 8px; }
.results-chapter > .quote-section { margin-bottom: 0; }
@media(max-width:1000px) { .header nav { gap: 20px; } .faq-section { gap: 35px; } }
@media(max-width:700px) {
  .hero-foot.mission-note { max-width: none; padding-top: 18px; }
  .mission-note span { font-size: 14px; }
  .faq-section { grid-template-columns: 1fr; gap: 28px; }
  .faq-intro p { max-width: none; }
  .faq-list summary { font-size: 18px; padding: 20px; gap: 14px; }
  .faq-list details > div { padding-inline: 20px; }
}
@media(prefers-reduced-motion:reduce) { .faq-list summary:after { transition: none; } }