/* Shared service FAQ. Provider colors inherit from the current landing. */
.site-main .wrap.csg-service-faq{--faq-brand:var(--csg-primary);display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:920px}
.csg-htvc-landing .wrap.csg-service-faq{--faq-brand:var(--csg-htvc-color)}
.site-main .csg-service-faq>div:first-child{max-width:660px;margin-inline:auto;text-align:center}
.site-main .csg-service-faq>div:first-child>p:last-child{margin-bottom:0;color:#52677d}
.site-main .csg-service-faq>div:last-child{display:grid;gap:12px;min-width:0;align-content:start}
.site-main .csg-service-faq details{min-width:0;margin:0;padding:0;border:1px solid var(--csg-line);border-radius:14px;background:#fff;overflow:visible}
.site-main .csg-service-faq details[open]{border-color:var(--faq-brand);box-shadow:0 4px 20px #102a4306}
.site-main .csg-service-faq summary{display:block;position:relative;list-style:none;min-height:64px;padding:20px 64px 20px 20px;border-radius:13px;cursor:pointer;font-size:16px;font-weight:650;line-height:1.5;color:var(--csg-dark);overflow-wrap:anywhere}
.site-main .csg-service-faq summary::-webkit-details-marker{display:none}
.site-main .csg-service-faq summary::marker{content:''}
.site-main .csg-service-faq summary::before,.site-main .csg-service-faq summary::after{content:'';position:absolute;right:24px;top:50%;width:16px;height:2px;background:var(--faq-brand);transform:translateY(-50%);border-radius:2px}
.site-main .csg-service-faq summary::after{transform:translateY(-50%) rotate(90deg)}
.site-main .csg-service-faq details[open]>summary::after{display:none}
.site-main .csg-service-faq summary:hover{background:var(--csg-soft)}
.site-main .csg-service-faq summary:focus-visible{outline:3px solid var(--faq-brand);outline-offset:4px}
.site-main .csg-service-faq details[open]>summary{color:var(--faq-brand);border-radius:13px 13px 0 0}
.site-main .csg-service-faq details>p{margin:0;padding:0 20px 20px;font-size:16px;line-height:1.65;color:#52677d;overflow-wrap:anywhere}
@media(min-width:761px){.site-main .wrap.csg-service-faq{gap:32px}.site-main .csg-service-faq summary{padding:22px 72px 22px 24px;min-height:68px}.site-main .csg-service-faq details>p{padding:0 24px 24px}.site-main .csg-service-faq summary::before,.site-main .csg-service-faq summary::after{right:28px}}

/* Animate native details in both directions without changing keyboard behavior. */
@supports (interpolate-size:allow-keywords) and (transition-behavior:allow-discrete) and selector(::details-content){
 .site-main .csg-service-faq details::details-content{interpolate-size:allow-keywords;block-size:0;overflow:clip;transition:block-size 240ms cubic-bezier(.2,0,0,1),content-visibility 240ms allow-discrete}
 .site-main .csg-service-faq details[open]::details-content{block-size:auto}
}
@media(prefers-reduced-motion:reduce){.site-main .csg-service-faq details::details-content{transition:none}}
