/* FAQ-only editorial proportions and accessible native disclosures. */
body[data-page=faq] .page-title{padding-top:clamp(40px,4.3vw,62px);padding-bottom:36px}
body[data-page=faq] .page-title h1{font-size:clamp(34px,3.75vw,54px);line-height:1.15;max-width:900px;margin:0}
body[data-page=faq] .page-title .eyebrow{margin-bottom:20px}
body[data-page=faq] .faq-list{width:calc(100% - 2 * var(--page-gutter));max-width:960px;padding:0 0 48px;margin-inline:auto}
body[data-page=faq] .faq-list details,body[data-page=faq] .faq-list details[open]{padding:0;border-left:0;border-color:var(--line)}
body[data-page=faq] .faq-list summary{position:relative;list-style:none;padding:25px 44px 25px 0;font-family:var(--sans);font-size:clamp(20px,1.55vw,22px);line-height:1.4;font-weight:400;color:var(--ink);transition:color .2s ease}
body[data-page=faq] .faq-list summary::-webkit-details-marker{display:none}
body[data-page=faq] .faq-list summary::before,body[data-page=faq] .faq-list summary::after{content:'';position:absolute;right:4px;top:50%;width:16px;height:1px;background:var(--olive);transition:transform .2s ease}
body[data-page=faq] .faq-list summary::after{transform:rotate(90deg)}
body[data-page=faq] .faq-list details[open] summary::after{transform:rotate(0deg)}
body[data-page=faq] .faq-list summary:hover{color:var(--olive)}
body[data-page=faq] .faq-list details>div{padding:0 44px 25px 0}
body[data-page=faq] .faq-list details p{font-size:17px;line-height:1.75;max-width:72ch;margin-bottom:16px}
body[data-page=faq] .faq-list details p:last-child{margin-bottom:0}
body[data-page=faq] .faq-cta-copy .eyebrow{font-size:11px;margin:0 0 12px;color:var(--olive)}
body[data-page=faq] .faq-cta-copy h2{max-width:none}
@supports (interpolate-size:allow-keywords){
 body[data-page=faq] .faq-list details{interpolate-size:allow-keywords}
 body[data-page=faq] .faq-list details::details-content{block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s allow-discrete}
 body[data-page=faq] .faq-list details[open]::details-content{block-size:auto}
}
@media(max-width:850px){
 body[data-page=faq] .page-title{padding-block:36px 28px}
 body[data-page=faq] .faq-list{width:88%;padding-bottom:36px}
 body[data-page=faq] .faq-list summary{padding-block:24px;font-size:20px}
 body[data-page=faq] .faq-list details>div{padding-right:20px}
 body[data-page=faq] .faq-list details p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){body[data-page=faq] .faq-list summary,body[data-page=faq] .faq-list summary::after,body[data-page=faq] .faq-list details::details-content{transition:none}}

/* Match the introduction's content edges to the unchanged accordion. */
body[data-page=faq] .page-title{width:calc(100% - 2 * var(--page-gutter));max-width:960px;margin-inline:auto;padding-inline:0}
@media(max-width:850px){body[data-page=faq] .page-title{width:88%}}

/* Ten percent smaller FAQ page headline. */
body[data-page=faq] #main .page-title h1{font-size:calc(var(--type-page-h1) * .9)!important}

/* Refined FAQ hierarchy and consistent disclosure rhythm. */
body[data-page=faq] #main .page-title{padding-top:clamp(36px,4vw,56px);padding-bottom:44px}
body[data-page=faq] #main .page-title h1{font-family:var(--sans);font-size:calc(var(--type-page-h1) * .80548125)!important;font-weight:400!important;letter-spacing:.01em;line-height:1.12!important;max-width:none;margin:0 0 22px}
body[data-page=faq] #main .page-title .page-intro{font-size:var(--type-body)!important;line-height:1.7;margin:0;max-width:none}
body[data-page=faq] #main .faq-list{padding-bottom:40px}
body[data-page=faq] #main .faq-list details{border-color:color-mix(in srgb,var(--color-brass) 36%,transparent)}
body[data-page=faq] #main .faq-list summary{font-size:clamp(18.6px,1.4415vw,20.46px);padding-block:25px;min-height:76px}
body[data-page=faq] #main .faq-list details[open] summary::before,
body[data-page=faq] #main .faq-list details[open] summary::after{background:var(--color-brass)}
@media(max-width:850px){
 body[data-page=faq] #main .page-title{padding-top:36px;padding-bottom:40px}
 body[data-page=faq] #main .faq-list summary{font-size:18.6px;padding-block:23px}
 body[data-page=faq] #main .faq-list{padding-bottom:32px}
}

/* Match FAQ question and answer sizing to About body text. */
body[data-page=faq] #main .faq-list summary,
body[data-page=faq] #main .faq-list details p{font-size:18px!important}

/* Keep every expanded answer at the requested question size. */
body[data-page=faq] #main .faq-list details>div,
body[data-page=faq] #main .faq-list details>div p{font-size:18px!important}

body[data-page=faq] #main .faq-list details>div p.service-area-answer{font-size:18px!important}

/* Minor FAQ rhythm and answer hierarchy refinements; CTA untouched. */
body[data-page=faq] #main .page-title{padding-bottom:32px}
body[data-page=faq] #main .faq-list summary{padding-block:21.875px;min-height:0}
body[data-page=faq] #main .faq-list details>div{padding-bottom:22px}
body[data-page=faq] #main .faq-list details>div p{color:#5F5953}
@media(max-width:850px){
 body[data-page=faq] #main .page-title{padding-bottom:28px}
 body[data-page=faq] #main .faq-list summary{padding-block:20.125px}
}

/* Expanded answers remain secondary to unchanged question typography. */
body[data-page=faq] #main .faq-list details>div,
body[data-page=faq] #main .faq-list details>div p,
body[data-page=faq] #main .faq-list details>div p.service-area-answer{font-size:17px!important;font-weight:400;line-height:1.6}
body[data-page=faq] #main .faq-list details>div{padding-top:0;padding-bottom:26px}
body[data-page=faq] #main .faq-list details[open] summary{padding-bottom:16px}
@media(max-width:850px){
 body[data-page=faq] #main .faq-list details>div,
 body[data-page=faq] #main .faq-list details>div p,
 body[data-page=faq] #main .faq-list details>div p.service-area-answer{font-size:16px!important}
}