/* =====================================================
   R1 ReadyFirst – FAQ Page Layout
   Requires: shared.css
   ===================================================== */

/* HERO */
.faq-hero{padding:var(--xxl) var(--md) var(--xl);background:var(--sand);text-align:center;position:relative;overflow:hidden}
.faq-hero::before{content:'';position:absolute;top:-120px;right:-80px;width:360px;height:360px;border-radius:50%;background:rgba(var(--jade-rgb),.04)}
.faq-hero__inner{max-width:620px;margin:0 auto;position:relative;z-index:1}
.faq-hero .section-eyebrow{color:var(--eyebrow-light)}
.faq-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--char);margin-bottom:var(--sm);line-height:1.1}
.faq-hero p{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);color:var(--char);line-height:1.7;max-width:560px;margin:0 auto var(--lg)}
.faq-hero__nav{display:flex;gap:var(--sm);justify-content:center;flex-wrap:wrap}
.faq-hero__nav-link{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--jade);text-decoration:none;padding:.5rem 1rem;border-radius:6px;background:var(--white);box-shadow:var(--sh);transition:all .3s}
.faq-hero__nav-link:hover{background:var(--jade);color:var(--white)}

/* SECTIONS */
.faq-section{padding:var(--xl) var(--md)}
.faq-section--alt{background:var(--white)}
.faq-section__inner{max-width:720px;margin:0 auto}
.faq-section__label{font-family:var(--font-ui);font-size:1.5rem;font-weight:700;color:var(--char);margin-bottom:var(--lg);padding-bottom:var(--sm)}

/* FAQ ITEMS */
.faq-item{border-bottom:1px solid var(--sand-dk);padding:0}
.faq-item__q{font-family:var(--font-ui);font-size:1rem;font-weight:600;color:var(--char);cursor:pointer;padding:1.25rem 2rem 1.25rem 0;position:relative;list-style:none;line-height:1.4}
.faq-item__q::-webkit-details-marker{display:none}
.faq-item__q::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-right:2px solid var(--jade);border-bottom:2px solid var(--jade);transform:translateY(-60%) rotate(45deg);transition:transform .3s}
details[open] .faq-item__q::after{transform:translateY(-40%) rotate(-135deg)}
.faq-item__a{padding:0 0 1.25rem;font-family:var(--font-ui);font-size:.9375rem;color:var(--wgray);line-height:1.65}
.faq-item__a p{margin-bottom:.75rem}
.faq-item__a p:last-child{margin-bottom:0}
.faq-item__a a{color:var(--jade);font-weight:600}

/* CTA */
.faq-cta{padding:var(--xl) var(--md);background:var(--g-forest);color:var(--white);text-align:center}
.faq-cta__inner{max-width:560px;margin:0 auto}
.faq-cta h2{color:var(--white);margin-bottom:var(--sm)}
.faq-cta p{font-family:var(--font-ui);font-size:1rem;color:rgba(var(--sand-rgb),.85);margin-bottom:var(--lg)}
.faq-cta__buttons{display:flex;gap:var(--sm);justify-content:center;flex-wrap:wrap}

/* RESPONSIVE */
@media(max-width:767px){
  .faq-hero{padding:var(--xl) var(--sm)}
  .faq-hero__nav{flex-direction:column;align-items:center}
  .faq-hero__nav-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .faq-section{padding:var(--lg) var(--sm)}
}