.exam-hero { position:relative; padding:160px 24px 50px; text-align:center; isolation:isolate; }
.exam-hero::before { content:''; position:absolute; z-index:-1; inset:20px 0 -100px; background:url('../../assets/home/flowing-score.svg?v=20261005-fade') center / cover no-repeat; opacity:.28; pointer-events:none; mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent); }
.exam-hero h1 { font:400 clamp(3.2rem,5.7vw,5.4rem)/1.04 var(--font-display); letter-spacing:-.04em; margin:20px 0 24px; color:#11151c; }
.exam-subtitle { font-size:clamp(1rem,1.7vw,1.35rem); line-height:1.55; margin-bottom:24px; color:var(--text-soft); }
.coverage-note { color:var(--muted); font-size:.75rem; line-height:1.7; margin:22px auto 0; max-width:650px; }
.coverage-note summary { width:fit-content; margin-inline:auto; min-height:44px; padding:12px 8px; cursor:pointer; color:var(--text-soft); font-size:.85rem; }
.coverage-note[open] summary { margin-bottom:8px; }
.coverage-note p { margin:0; }
.exam-hero .sample-link { margin:18px 0 0; font-size:.85rem; line-height:1.7; }
.exam-hero .coverage-note { margin-top:8px; }
.practice-routes { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding-block:30px; }
.practice-routes > a { display:block; padding:10px 0; }
.route-number { display:flex; align-items:center; gap:14px; font:1rem var(--font-display); }
.route-number::after { content:''; height:1px; background:var(--line-dark); flex:1; }
.route-number b { color:var(--action-dark); font-size:.7rem; letter-spacing:3px; }
.practice-routes h2 { font:400 clamp(1.4rem,2.2vw,2.2rem) var(--font-display); margin:14px 0; }
.practice-routes p { font-size:.9rem; color:var(--text-soft); min-height:44px; }
.practice-routes > a > span:last-child { font-size:1.8rem; color:var(--action-dark); }
.sample-link { font-size:.8rem; margin-bottom:34px; color:var(--muted); text-align:center; }
.sample-link a { color:var(--action-dark); text-decoration:underline; }
.footer-grid { grid-template-columns:1.4fr .7fr .7fr 1.2fr; gap:30px; font-size:.8rem; }
@media(max-width:760px) { .exam-hero { padding:105px 12px 22px; } .exam-hero h1 { font-size:3.2rem; } .desktop-break { display:none; } .practice-routes { grid-template-columns:1fr 1fr; gap:16px 22px; } .practice-routes h2 { font-size:1.5rem; } .practice-routes p { font-size:.8rem; } .footer-grid { grid-template-columns:1fr 1fr; } .site-footer { padding-bottom:95px; } }
.purpose-summary { display:grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap:clamp(2rem, 6vw, 5rem); padding-top:clamp(4rem, 8vw, 7rem); padding-bottom:clamp(4rem, 8vw, 7rem); border-top:1px solid rgba(255,255,255,.14); }
@media(max-width:760px) { .exam-hero::before { inset:30px 0 0; background-size:900px auto; background-position:left top; opacity:.18; } }
.purpose-summary h2 { max-width:15ch; font-size:clamp(2rem, 4vw, 3.5rem); line-height:1.08; }
.purpose-summary p { line-height:1.65; }
.purpose-eyebrow { color:var(--accent, #d4b06f); font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.purpose-summary a { text-underline-offset:.2em; }
@media (max-width:760px) { .purpose-summary { grid-template-columns:1fr; } }