:root{--navy:var(--brand-navy);--navy-deep:var(--brand-navy);--navy-light:var(--brand-blue);--gold:var(--brand-gold);--ink:var(--brand-navy);--muted:#52677e}
body{color:var(--ink)}
.top{background:var(--navy-deep);color:#d8e2ed}
.header{background:var(--navy);border-bottom:1px solid #ffffff20;color:#fff}
.nav{height:96px;gap:18px}
.brand{gap:12px;font-size:16px;letter-spacing:0;flex-shrink:0}
.brand-logo{display:block;width:58px;height:66px;object-fit:contain;flex-shrink:0;border-radius:5px}
.brand small{font-size:9px;letter-spacing:.8px;color:#d8c699;font-weight:500;line-height:1.5}
.header .links{color:#e8eef5;gap:16px;font-size:12px}
.header .links>a:hover,.header summary:hover{color:var(--gold)}
.header .dropdown-panel{color:var(--ink);background:#fff;border-top:3px solid var(--gold)}
.header .dropdown-panel a:hover{background:#edf1f6;color:var(--navy)}
.header .btn{background:var(--gold);border-color:var(--gold);color:var(--navy-deep);font-weight:700}
.header .btn:hover{background:#f0d99e;color:var(--navy-deep)}
.menu{color:#fff;background:#24486f;border-color:#ffffff50}
.hero{background:linear-gradient(120deg,#edf1f6,#f8f9fc)}
.hero h1{color:var(--navy-deep)}
.hero h1 em{color:var(--navy-light)}
.eyebrow{color:var(--navy-light)}
.btn{background:var(--navy);border-color:var(--navy);color:#fff}
.btn:hover{background:var(--navy-light);border-color:var(--navy-light)}
.btn.light{background:#edf1f6;color:var(--navy);border-color:#cbd5e1}
.btn.light:hover{background:#dfe6ef}
.finder{border-top:3px solid var(--gold)}
.scene-label{color:#516b85}
.scene-badge{border-color:#d5deea}
.scene-badge strong{color:var(--navy)}
.tab[aria-pressed=true]{background:var(--navy);color:#fff}
.academy-heading,.editorial-hero{background:#edf1f6}
.cta,.footer{background:var(--navy-deep)}
.footer .brand{color:#fff}
.footer .brand-logo{width:68px;height:78px}
.footer .brand small{color:#dcc58b}
.footer p{color:#bdcbdc}
.demo{background:#f6f0e2;color:#61502c}
.finder{grid-template-columns:1.1fr 1.3fr auto;align-items:center}
.contact-section{background:#edf1f6}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:20px}
.contact-card{display:block;background:#fff;border:1px solid #d5deea;border-top:3px solid var(--gold);border-radius:10px;padding:26px;min-width:0}
.contact-card>span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted)}
.contact-card h3{font-size:19px;line-height:1.55;overflow-wrap:anywhere;color:var(--navy);margin:12px 0}
.contact-card p{font-size:13px;color:var(--muted);margin:0}
a.contact-card:hover{border-color:var(--navy);box-shadow:0 8px 24px #142d4e10}
.footer-contact{margin-top:20px}.footer-contact p{line-height:1.8}.footer-contact a{overflow-wrap:anywhere}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.finder{grid-template-columns:1fr 1fr}.finder>div:first-child{grid-column:1/-1}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d7ab4b;outline-offset:4px}
@media(min-width:901px) and (max-width:1180px){.header .nav>.btn{display:none}.header .links{gap:12px}.brand{font-size:15px}}
@media(max-width:900px){.nav{height:86px}.brand{font-size:14px}.brand-logo{width:49px;height:56px}.header .links{gap:10px;font-size:11px}}
@media(min-width:621px) and (max-width:1000px){.header .nav>.btn{display:none}.header .menu{display:block}.header .links{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:var(--navy);color:#fff;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid #ffffff30}.header .links.open{display:flex}.header .dropdown-panel{position:static;margin-top:10px;box-shadow:none;background:#1b385a;color:#fff;border-color:#436181}}
@media(max-width:620px){.nav{height:80px}.brand{font-size:14px;gap:10px}.brand small{font-size:8px;letter-spacing:.4px}.brand-logo{width:48px;height:55px}.header .links{top:80px;background:var(--navy);color:#fff;gap:16px;font-size:14px;border-bottom:1px solid #ffffff30}.header .dropdown-panel{color:#fff;background:#1b385a;border-color:#436181}.header .dropdown-panel a:hover{background:#294c73;color:#fff}.footer .brand{font-size:16px}.footer .brand-logo{width:58px;height:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:620px){.finder{grid-template-columns:1fr}.finder .field,.finder .btn{grid-column:1/-1}.finder select{width:100%}}

/* Role-based rules. Edit the four values in theme.css, not these selectors. */
h1,h2,h3{color:var(--brand-navy)}
.hero,.academy-heading,.editorial-hero,.contact-section,.hub-intro{background:var(--brand-mist)}
.hero h1,.hero h1 em{color:var(--brand-navy)}
.header,.footer,.cta,.top{background:var(--brand-navy)}
.brand small,.footer .brand small{color:var(--brand-gold)}
.header summary:after{color:var(--brand-gold)}
.eyebrow,.text-link,.article a:not(.btn),.editorial-prose a:not(.btn),.editorial-breadcrumbs a,.contact-card h3{color:var(--brand-blue)}
.eyebrow:before{background:var(--brand-blue)}
.btn,.btn.dark{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.btn:hover,.btn.dark:hover{background:color-mix(in srgb,var(--brand-blue) 85%,var(--brand-navy));color:#fff}
.btn.light,.study-promo .btn,.exam-submit .btn.light{background:#fff;border:1px solid color-mix(in srgb,var(--brand-blue) 28%,#fff);color:var(--brand-blue)}
.btn.light:hover{background:var(--brand-mist);color:var(--brand-blue)}
.header .btn,.hero .btn:not(.light),.finder .btn,.cta .btn,.mobile-cta .btn{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-navy)}
.header .btn:hover,.hero .btn:not(.light):hover,.finder .btn:hover,.cta .btn:hover,.mobile-cta .btn:hover{background:color-mix(in srgb,var(--brand-gold) 88%,#fff);color:var(--brand-navy)}
.tab[aria-pressed=true],.academy-sidebar nav button.active,.review-grid button.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.editorial-category-tabs [aria-current=page]{color:var(--brand-blue);border-color:var(--brand-blue)}
.progress-track>span,.sim-timeline>.sim-progress{background:var(--brand-blue)}
.answer-choice.selected:not(.correct):not(.wrong),.sim-tile.active{border-color:var(--brand-blue);background:var(--brand-mist)}
.menu{background:var(--brand-blue)}
.header .dropdown-panel a:hover{color:var(--brand-blue);background:var(--brand-mist)}
.contact-card,.finder,.header .dropdown-panel{border-top-color:var(--brand-gold)}
.cta h2{color:#fff}
.footer .brand,.header .brand{color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-gold)}
@media(max-width:1000px){.header .dropdown-panel{background:var(--brand-navy);color:#fff}.header .dropdown-panel a:hover{background:var(--brand-blue);color:#fff}}

/* Hero illustration shares the glossy navy / gold identity of the supplied logo. */
.scene-metallic{margin:0;width:100%;isolation:isolate;align-self:center}
.scene-metallic .hero-car{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 22px #102d4b12)}
.metallic-caption{padding:16px 10px 0;text-align:center;color:var(--brand-navy);line-height:1.5}
.metallic-caption>span{display:block;color:var(--brand-blue);font-size:9px;letter-spacing:1.8px;font-weight:700}
.metallic-caption strong{display:block;font-size:21px;margin-top:7px;font-weight:700}
.metallic-caption small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.brand-logo{width:66px;height:66px;border-radius:0}
.footer .brand-logo{width:78px;height:78px}
@media(max-width:900px){.brand-logo{width:56px;height:56px}}
@media(max-width:620px){.brand-logo{width:55px;height:55px}.scene-metallic{max-width:480px;margin:24px auto 10px}.metallic-caption{padding-top:10px}.metallic-caption strong{font-size:19px}.metallic-caption>span{font-size:8px;letter-spacing:1.1px}.footer .brand-logo{width:66px;height:66px}}