@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

.faq-page{--faq-navy:#08243b;--faq-deep:#061b2e;--faq-gold:#d9a100;--faq-gold-light:#efc557;--faq-ivory:#fffdf8;--faq-warm:#f5f0e6;--faq-line:#d9d1c3;--faq-muted:#5c6b76;background:var(--faq-ivory);color:var(--faq-navy)}
.faq-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.faq-kicker{margin:0;color:#9a7013;font:700 .75rem/1.2 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.faq-hero{position:relative;overflow:hidden;padding:105px 0 110px;background:linear-gradient(120deg,var(--faq-deep),#0b304d);color:#fff}
.faq-hero:after{content:"?";position:absolute;right:4%;top:-110px;color:#ffffff08;font:700 520px/.9 'Libre Baskerville',Georgia,serif}
.faq-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}
.faq-hero .faq-kicker{color:var(--faq-gold-light)}
.faq-hero h1{max-width:790px;margin:20px 0 26px;color:#fff;font-size:clamp(3.4rem,6vw,6.4rem);line-height:.98;letter-spacing:-.055em}
.faq-hero__lede{max-width:680px;margin:0;color:#cbd8df;font-size:1.08rem;line-height:1.72}
.faq-hero__aside{padding:30px 0 8px 32px;border-left:1px solid #efc55766}
.faq-hero__aside p{margin:0 0 12px;color:#d6e0e6;font-size:.85rem}
.faq-hero__aside a{display:inline-block;color:#fff;font:400 1.45rem/1.35 'Libre Baskerville',Georgia,serif;text-decoration:none}
.faq-hero__aside a:hover{color:var(--faq-gold-light)}
.faq-hero__aside span{display:block;max-width:320px;margin-top:18px;color:#aebdc6;font-size:.78rem;line-height:1.6}
.faq-directory{padding:110px 0 125px;background:linear-gradient(135deg,var(--faq-warm),#fff 38%)}
.faq-directory__grid{display:grid;grid-template-columns:300px 1fr;gap:95px;align-items:start}
.faq-directory__nav{position:sticky;top:130px;padding-right:44px;border-right:1px solid var(--faq-line)}
.faq-directory__nav h2{margin:14px 0 30px;color:var(--faq-navy);font-size:2.7rem}
.faq-directory__nav nav{display:grid;border-top:1px solid var(--faq-line)}
.faq-directory__nav nav a{position:relative;padding:15px 0;border-bottom:1px solid var(--faq-line);color:var(--faq-muted);font-size:.86rem;font-weight:600;text-decoration:none;transition:color .2s,padding .2s,background .2s}
.faq-directory__nav nav a:before{content:"";position:absolute;top:50%;left:0;width:0;height:1px;background:var(--faq-gold);transform:translateY(-50%);transition:width .2s}
.faq-directory__nav nav a:hover,.faq-directory__nav nav a:focus-visible{padding-left:8px;color:#7d5a0e}
.faq-directory__nav nav a.is-active{padding-left:18px;color:#76540d;background:linear-gradient(90deg,#e0bd6240,transparent);font-weight:700}
.faq-directory__nav nav a.is-active:before{width:10px}
.faq-directory__nav nav a[aria-current="location"]{color:#76540d}
.faq-directory__help{display:grid;gap:7px;margin-top:38px;padding:24px;background:var(--faq-navy);color:#fff}
.faq-directory__help span{color:#bac7cf;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.faq-directory__help a{color:var(--faq-gold-light);font-size:.82rem;font-weight:700;text-decoration:none}
.faq-groups{display:grid;gap:90px}
.faq-group{scroll-margin-top:130px}
.faq-group>header{display:grid;grid-template-columns:55px 1fr;gap:25px;align-items:start;margin-bottom:28px}
.faq-group>header>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c7a04a;border-radius:50%;color:#8c6612;font-size:.72rem;font-weight:700}
.faq-group>header h2{margin:6px 0 0;color:var(--faq-navy);font-size:clamp(2.2rem,3.2vw,3.4rem)}
.faq-list{border-top:1px solid var(--faq-line)}
.faq-list details{border-bottom:1px solid var(--faq-line);background:#ffffff80}
.faq-list summary{position:relative;display:flex;align-items:center;min-height:78px;padding:20px 64px 20px 24px;color:var(--faq-navy);font:600 1.12rem/1.4 'Libre Baskerville',Georgia,serif;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:22px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #c5a458;border-radius:50%;color:#8d650d;font:500 1rem 'DM Sans',sans-serif;transition:transform .2s,background .2s,color .2s}
.faq-list details[open] summary:after{content:"–";transform:rotate(180deg);background:var(--faq-navy);border-color:var(--faq-navy);color:var(--faq-gold-light)}
.faq-list details[open]{background:#fff;box-shadow:0 16px 40px #071d3309}
.faq-list details p{max-width:750px;margin:-2px 68px 28px 24px;color:var(--faq-muted);font-size:.96rem;line-height:1.75}
.faq-list details p a{color:#76540d;font-weight:700}
.faq-final{position:relative;overflow:hidden;padding:85px 0;background:var(--faq-navy);color:#fff}
.faq-final:after{content:"";position:absolute;right:-90px;bottom:-180px;width:410px;height:410px;border:1px solid #efc55729;border-radius:50%;box-shadow:0 0 0 55px #efc55709}
.faq-final__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:60px}
.faq-final .faq-kicker{color:var(--faq-gold-light)}
.faq-final h2{margin:13px 0 12px;color:#fff;font-size:clamp(2.4rem,4vw,4.3rem)}
.faq-final p:not(.faq-kicker){margin:0;color:#c6d3da}
.faq-final__inner>div:last-child{display:flex;gap:12px;flex-wrap:wrap}
.faq-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 25px;border:1px solid transparent;border-radius:1px;font:700 .87rem/1 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.faq-button:hover{transform:translateY(-2px)}
.faq-button--gold{background:linear-gradient(135deg,var(--faq-gold-light),var(--faq-gold));border-color:#c28e00;color:var(--faq-deep)}
.faq-button--outline{border-color:#ffffff66;background:transparent;color:#fff}
.faq-button--outline:hover{background:#fff;color:var(--faq-navy)}

@media(max-width:900px){.faq-hero__grid{grid-template-columns:1fr;gap:50px}.faq-hero__aside{max-width:500px}.faq-directory__grid{grid-template-columns:1fr;gap:65px}.faq-directory__nav{position:static;padding:0;border:0}.faq-directory__nav nav{grid-template-columns:1fr 1fr}.faq-directory__nav nav a:nth-child(odd){border-right:1px solid var(--faq-line);padding-right:16px}.faq-directory__nav nav a:nth-child(even){padding-left:16px}.faq-directory__help{max-width:420px}.faq-final__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.faq-shell{width:min(100% - 32px,1180px)}.faq-hero{padding:70px 0 78px}.faq-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.faq-hero__aside{padding-left:22px}.faq-directory{padding:78px 0 90px}.faq-directory__nav nav{grid-template-columns:1fr}.faq-directory__nav nav a:nth-child(odd){border-right:0}.faq-directory__nav nav a:nth-child(even){padding-left:0}.faq-groups{gap:70px}.faq-group>header{grid-template-columns:44px 1fr;gap:16px}.faq-group>header>span{width:40px;height:40px}.faq-list summary{min-height:70px;padding:18px 55px 18px 16px;font-size:1rem}.faq-list summary:after{right:15px}.faq-list details p{margin:0 22px 24px 16px;font-size:.91rem}.faq-final{padding:70px 0}.faq-final__inner>div:last-child{display:grid;width:100%}.faq-button{width:100%}}
@media(prefers-reduced-motion:reduce){.faq-directory__nav nav a,.faq-directory__nav nav a:before,.faq-list summary:after,.faq-button{transition:none}.faq-button:hover{transform:none}}
