/* FAQ extends the established H3OHM teal, gold and editorial typography. */
.faq-page{overflow:clip}
.faq-hero{padding:155px max(7vw,24px) 65px;background:var(--deep);border-bottom:1px solid rgba(231,191,108,.4);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw}
.faq-hero-copy{position:relative;z-index:1}.faq-hero .eyebrow{font-size:.875rem;letter-spacing:.17em;color:var(--goldlight);margin-bottom:1.4rem}.faq-hero h1{font-size:clamp(3.7rem,6vw,6.6rem);letter-spacing:-.035em;line-height:1.02;margin:0 0 1.5rem}.faq-hero h1 em{color:var(--goldlight)}.faq-intro{font-size:1.125rem;line-height:1.75;color:#d1dfdc;margin:0;max-width:490px}
.faq-hero-art{overflow:hidden;max-width:600px;justify-self:end}.faq-hero-art img{width:100%;height:auto;opacity:.9}
.faq-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,800px);gap:clamp(2.5rem,6vw,6rem);justify-content:center;padding:70px max(7vw,24px) 90px;background:var(--paper);color:var(--ink)}
.faq-sidebar nav{position:sticky;top:2rem}.faq-index-label{font-size:.875rem;letter-spacing:.14em;color:#526970;margin-bottom:1.3rem;font-weight:500}.faq-sidebar a{display:flex;gap:.8rem;align-items:baseline;font-size:.9375rem;line-height:1.6;padding:.8rem 0;border-bottom:1px solid #d6dfdc;color:var(--teal)}.faq-sidebar a span{font-size:.875rem;color:#856018;flex:none}.faq-sidebar a:hover{color:#765314;text-decoration:underline;text-underline-offset:4px}
.faq-group{scroll-margin-top:2rem;margin-bottom:3.6rem}.faq-group:last-child{margin-bottom:0}.faq-group-heading{display:flex;gap:1rem;align-items:baseline;padding-bottom:1.2rem;border-bottom:1px solid #b29a64}.faq-group-heading>span{font-size:.875rem;color:#856018;letter-spacing:.07em}.faq-group h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.1;letter-spacing:-.02em;margin:0;color:var(--teal)}
.faq-item{border-bottom:1px solid #cdd8d5;scroll-margin-top:2rem}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;cursor:pointer;list-style:none;font-size:1.125rem;font-weight:500;line-height:1.5;padding:1.45rem 0;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--teal)}.faq-toggle{position:relative;display:block;flex:0 0 26px;width:26px;height:26px;border:1px solid #b6c6c2;border-radius:50%}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;left:7px;top:11px;width:10px;height:1px;background:var(--teal)}.faq-toggle:after{transform:rotate(90deg);transition:transform .18s ease}.faq-item[open] .faq-toggle:after{transform:rotate(0)}.faq-item[open] summary{color:var(--teal);padding-bottom:.9rem}.faq-item[open] .faq-toggle{border-color:#9e7c36;background:#ece6d6}.faq-answer{font-size:1.0625rem;line-height:1.85;color:#36515b;padding:0 2.8rem 1.5rem 0;max-width:760px}.faq-answer p{margin:0}.faq-answer a{color:var(--teal);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.faq-answer .faq-resource{display:inline-block;font-size:1rem;margin-top:1rem}.faq-item summary:focus-visible,.faq-page main a:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:2px}.faq-item:target summary{color:#765314}
@media(max-width:900px){.faq-hero{grid-template-columns:1fr .7fr;gap:1rem;padding-top:125px}.faq-hero h1{font-size:clamp(3.2rem,6.8vw,5rem)}.faq-layout{grid-template-columns:1fr;padding-top:35px;gap:2.5rem}.faq-sidebar nav{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}.faq-index-label{grid-column:1/-1;margin-bottom:.3rem}.faq-content{max-width:800px;width:100%;margin:auto}}
@media(max-width:560px){.faq-hero{grid-template-columns:1fr;padding:120px 6vw 36px;gap:24px}.faq-hero h1{font-size:clamp(3rem,11vw,4rem)}.faq-hero-art{display:none}.faq-intro{font-size:1.0625rem}.wide-break{display:none}.faq-layout{padding:28px 6vw 55px;gap:2.5rem}.faq-sidebar nav{column-gap:1rem}.faq-sidebar a{font-size:.875rem;gap:.55rem}.faq-group{margin-bottom:3rem}.faq-group-heading{gap:.65rem}.faq-group h2{font-size:2.15rem}.faq-item summary{font-size:1.0625rem;padding:1.2rem 0;gap:1rem}.faq-answer{padding-right:0;font-size:1rem}.faq-page .primary-nav a{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-toggle:after{transition:none}}