.exam-center-page {
    --exam-ink: #112c28;
    --exam-deep: #153c37;
    --exam-teal: #1f766c;
    --exam-teal-soft: #dcefe9;
    --exam-cream: #fffaf0;
    --exam-sun: #f4ce52;
    --exam-rust: #da6347;
    --exam-blue: #647ce7;
    --exam-rule: rgba(17, 44, 40, .16);
    --exam-shadow: 0 22px 70px rgba(17, 44, 40, .12);
}

.exam-journey-card {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(360px, 1fr) auto;
    gap: 28px;
    align-items: center;
    margin: 38px 0 68px;
    padding: 28px 32px;
    border: 1px solid var(--exam-ink, #14211e);
    border-radius: 24px;
    background: #14211e;
    color: #fffef9;
    box-shadow: 8px 8px 0 #d9ff57;
}
.exam-journey-card h2 { margin: 7px 0 8px; font-size: clamp(25px, 2.7vw, 38px); line-height: 1.05; letter-spacing: -.055em; }
.exam-journey-card p { margin: 0; color: rgba(255,255,255,.72); line-height: 1.55; }
.exam-journey-card .section-kicker { color: #d9ff57; }
.exam-journey-card [data-journey-resume] { min-height: 78px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: rgba(255,255,255,.08); }
.exam-journey-card .text-link { color: #d9ff57; white-space: nowrap; }
.exam-journey-card--detail { margin-top: 34px; }

@media (max-width: 900px) {
    .exam-journey-card { grid-template-columns: 1fr; }
    .exam-journey-card .text-link { width: fit-content; }
}

.exam-center-main { max-width: 1280px; }
.exam-center-main > * { min-width: 0; }

.exam-center-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .62fr);
    gap: clamp(48px, 7vw, 110px);
    align-items: center;
    padding: 82px 0 74px;
}

.exam-center-hero::before {
    position: absolute;
    top: 36px;
    right: 36%;
    z-index: -1;
    width: 150px;
    height: 150px;
    border: 1px dashed rgba(17, 44, 40, .14);
    border-radius: 50%;
    content: "";
}

.exam-center-hero-copy h1,
.exam-detail-lead h1 {
    margin: 0;
    color: var(--exam-ink);
    font-size: clamp(58px, 7.5vw, 100px);
    font-weight: 825;
    line-height: .88;
    letter-spacing: -.083em;
}

.exam-center-hero-copy h1 em,
.exam-detail-lead h1 em {
    position: relative;
    z-index: 0;
    font-style: normal;
    white-space: nowrap;
}

.exam-center-hero-copy h1 em::after,
.exam-detail-lead h1 em::after {
    position: absolute;
    right: -.03em;
    bottom: .02em;
    left: -.04em;
    z-index: -1;
    height: .22em;
    border-radius: 999px;
    background: var(--exam-sun);
    content: "";
    transform: rotate(-1.2deg);
}

.exam-center-hero-copy > p:last-of-type,
.exam-detail-lead-copy > p {
    max-width: 730px;
    margin: 29px 0 0;
    color: #4f6762;
    font-size: 18px;
    line-height: 1.72;
    letter-spacing: -.018em;
}

.exam-center-manifest {
    position: relative;
    padding: 29px;
    border: 1px solid var(--exam-ink);
    border-radius: 28px;
    background: var(--exam-ink);
    color: #fffef9;
    box-shadow: 10px 10px 0 var(--exam-sun);
    transform: rotate(1deg);
}

.exam-center-manifest::before {
    position: absolute;
    top: -18px;
    right: 30px;
    width: 38px;
    height: 38px;
    border: 1px solid var(--exam-ink);
    border-radius: 50%;
    background: var(--exam-rust);
    content: "";
}

.exam-center-manifest > * { transform: rotate(-1deg); }
.exam-center-manifest .section-kicker { color: var(--exam-sun); }
.exam-center-manifest ol { margin: 20px 0 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .17); list-style: none; }
.exam-center-manifest li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 3px 13px; padding: 17px 0; border-bottom: 1px solid rgba(255, 255, 255, .13); }
.exam-center-manifest li > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; color: var(--exam-sun); font: 720 9px var(--mono); }
.exam-center-manifest li strong { font-size: 14px; letter-spacing: -.015em; }
.exam-center-manifest li small { color: rgba(255, 255, 255, .58); font-size: 10px; }

.exam-center-visual {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr);
    align-items: stretch;
    margin: 0 0 40px;
    overflow: hidden;
    border: 1px solid var(--exam-ink);
    border-radius: 25px;
    background: #fffef9;
    box-shadow: 8px 8px 0 var(--exam-ink);
}
.exam-center-visual picture { display: block; min-height: 390px; overflow: hidden; background: var(--exam-cream); }
.exam-center-visual img { display: block; width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.exam-center-visual > div { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 4.5vw, 58px); background: var(--exam-teal-soft); }
.exam-center-visual h2 { margin: 9px 0 16px; font-size: clamp(34px, 4.1vw, 55px); line-height: .98; letter-spacing: -.065em; }
.exam-center-visual > div > p:not(.section-kicker) { margin: 0; color: #45605a; font-size: 13px; line-height: 1.72; }
.exam-center-visual .text-link { width: fit-content; margin-top: 25px; }

.exam-center-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, .42fr)) minmax(300px, 1.6fr);
    border: 1px solid var(--exam-ink);
    border-radius: 20px;
    background: rgba(255, 254, 249, .65);
    overflow: hidden;
}

.exam-center-proof > div { display: flex; flex-direction: column; justify-content: center; min-height: 118px; padding: 22px 25px; }
.exam-center-proof > div + div { border-left: 1px solid var(--exam-rule); }
.exam-center-proof strong { font: 800 32px/1 var(--mono); letter-spacing: -.06em; }
.exam-center-proof span { margin-top: 7px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.exam-center-proof > p { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-height: 118px; margin: 0; padding: 22px 28px; border-left: 1px solid var(--exam-ink); background: var(--exam-teal-soft); color: #36534d; font-size: 11px; line-height: 1.65; }
.exam-center-proof > p b { color: var(--exam-ink); font-size: 12px; }

.exam-guide-notice {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 17px;
    align-items: start;
    margin: 30px 0 0;
    padding: 20px 23px;
    border: 1px solid #d5a83c;
    border-radius: 17px;
    background: #fff5d7;
}

.exam-guide-notice > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--exam-sun); color: var(--exam-ink); font: 850 16px var(--mono); }
.exam-guide-notice strong { font-size: 13px; }
.exam-guide-notice p { margin: 6px 0 0; color: #6a5930; font-size: 11px; line-height: 1.65; }

.exam-group-directory { padding: 104px 0 20px; }
.exam-heading { padding-bottom: 34px; border-bottom: 1px solid var(--exam-rule); }

.exam-family { --family-accent: var(--exam-teal); padding: 58px 0 72px; border-bottom: 1px solid var(--exam-rule); }
.exam-family--mercimek { --family-accent: var(--exam-rust); }
.exam-family--zeytin { --family-accent: var(--exam-teal); }
.exam-family--mavi { --family-accent: var(--exam-blue); }
.exam-family--kiremit { --family-accent: #b6533e; }

.exam-family-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); gap: 45px; align-items: end; margin-bottom: 28px; }
.exam-family-header > div { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 16px; align-items: start; }
.exam-family-header > div > span { display: grid; place-items: center; width: 51px; height: 51px; border: 1px solid var(--exam-ink); border-radius: 50%; background: var(--family-accent); color: white; font: 750 10px var(--mono); box-shadow: 3px 3px 0 var(--exam-ink); }
.exam-family-header h2 { margin: 4px 0 0; font-size: clamp(34px, 4vw, 54px); line-height: 1; letter-spacing: -.06em; }
.exam-family-header > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }

.exam-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.exam-route-card { position: relative; display: flex; flex-direction: column; min-height: 430px; padding: 23px; border: 1px solid var(--exam-ink); border-radius: 20px; background: rgba(255, 254, 249, .82); box-shadow: 4px 4px 0 rgba(17, 44, 40, .1); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.exam-route-card::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: var(--family-accent); content: ""; }
.exam-route-card:hover { box-shadow: 7px 7px 0 var(--exam-ink); transform: translate(-2px, -2px); }
.exam-route-card--verified { background: #effbf3; }
.exam-route-card--limited { background: #fff8e6; }
.exam-route-card-top { display: flex; gap: 13px; justify-content: space-between; align-items: center; margin: 5px 0 23px; }
.exam-route-code { display: grid; place-items: center; min-width: 55px; height: 34px; padding: 0 10px; border-radius: 999px; background: var(--exam-ink); color: white; font: 760 10px var(--mono); }
.exam-route-status { display: inline-flex; gap: 6px; align-items: center; color: #526a65; font-size: 9px; font-weight: 720; text-transform: uppercase; letter-spacing: .03em; }
.exam-route-status i { width: 7px; height: 7px; border-radius: 50%; background: #a58a5a; }
.exam-route-card--verified .exam-route-status i { background: #17806f; box-shadow: 0 0 0 4px rgba(23, 128, 111, .12); }
.exam-route-card .section-kicker { color: var(--family-accent); }
.exam-route-card h3 { margin: 10px 0 13px; font-size: 25px; line-height: 1.06; letter-spacing: -.047em; }
.exam-route-card h3 a::after { position: absolute; inset: 0; content: ""; }
.exam-route-card > p:not(.section-kicker) { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.68; }
.exam-route-card dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: auto 0 19px; padding-top: 18px; border-top: 1px solid var(--exam-rule); }
.exam-route-card dl div { min-width: 0; }
.exam-route-card dl div + div { padding-left: 11px; border-left: 1px solid var(--exam-rule); }
.exam-route-card dt { min-height: 27px; color: var(--muted); font-size: 8px; line-height: 1.3; }
.exam-route-card dd { margin: 6px 0 0; font: 760 13px var(--mono); }
.exam-route-link { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid var(--exam-ink); font-size: 11px; font-weight: 760; }
.exam-route-link span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--family-accent); color: white; }

.exam-method-strip { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.4fr); gap: 60px; align-items: center; margin: 82px 0; padding: 42px; border-radius: 25px; background: var(--exam-ink); color: white; box-shadow: 9px 9px 0 var(--exam-sun); }
.exam-method-strip .section-kicker { color: var(--exam-sun); }
.exam-method-strip h2 { max-width: 420px; margin: 7px 0 0; font-size: clamp(34px, 4vw, 52px); line-height: .98; letter-spacing: -.065em; }
.exam-method-strip ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.exam-method-strip li { min-height: 138px; padding: 17px; border-left: 1px solid rgba(255, 255, 255, .16); }
.exam-method-strip li span { display: block; color: var(--exam-sun); font-size: 14px; font-weight: 800; }
.exam-method-strip li small { display: block; margin-top: 11px; color: rgba(255, 255, 255, .62); font-size: 10px; line-height: 1.55; }

.exam-result-shortcut { margin-top: 95px; }

/* Detail route */
.exam-detail-lead { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(350px, .55fr); gap: clamp(50px, 8vw, 115px); align-items: center; padding: 78px 0 65px; }
.exam-detail-lead h1 > span { display: inline-block; padding-right: .08em; }
.exam-full-name { display: block; max-width: 760px; margin-top: 24px; color: var(--exam-deep); font-size: 16px; line-height: 1.4; letter-spacing: -.02em; }
.exam-detail-actions { display: flex; flex-wrap: wrap; gap: 18px 27px; align-items: center; margin-top: 33px; }

.exam-trust-card { position: relative; padding: 25px; border: 1px solid var(--exam-ink); border-radius: 25px; background: #fffef9; box-shadow: 8px 8px 0 var(--exam-ink); }
.exam-trust-card--verified { background: #eaf8ee; box-shadow: 8px 8px 0 #68b49a; }
.exam-trust-card--limited { background: #fff4d7; box-shadow: 8px 8px 0 var(--exam-sun); }
.exam-trust-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; }
.exam-trust-head span { display: grid; place-items: center; min-width: 67px; height: 42px; padding: 0 13px; border-radius: 999px; background: var(--exam-ink); color: white; font: 790 11px var(--mono); }
.exam-trust-head i { width: 13px; height: 13px; border: 1px solid var(--exam-ink); border-radius: 50%; background: #b39a65; box-shadow: 0 0 0 6px rgba(179, 154, 101, .16); }
.exam-trust-card--verified .exam-trust-head i { background: #1c8975; box-shadow: 0 0 0 6px rgba(28, 137, 117, .16); }
.exam-trust-card h2 { margin: 9px 0 21px; font-size: 26px; line-height: 1.04; letter-spacing: -.055em; }
.exam-trust-card dl { margin: 0; border-top: 1px solid var(--exam-rule); }
.exam-trust-card dl div { display: flex; justify-content: space-between; gap: 25px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--exam-rule); }
.exam-trust-card dt { color: var(--muted); font-size: 10px; }
.exam-trust-card dd { margin: 0; font: 780 15px var(--mono); }
.exam-trust-card > small { display: block; margin-top: 16px; color: var(--muted); font-size: 9px; line-height: 1.6; }
.exam-index-state { display: block; margin-top: 15px; padding: 9px 11px; border-radius: 9px; background: rgba(17, 44, 40, .07); color: #596e69; font: 680 8px/1.5 var(--mono); text-transform: uppercase; }

.exam-guide-notice--detail { margin-top: 5px; }

.exam-detail-nav { position: sticky; top: 10px; z-index: 8; display: flex; gap: 7px; margin: 32px 0 0; padding: 8px; border: 1px solid var(--exam-ink); border-radius: 15px; background: rgba(255, 250, 240, .93); box-shadow: 0 12px 35px rgba(17, 44, 40, .09); backdrop-filter: blur(12px); overflow-x: auto; scrollbar-width: thin; }
.exam-detail-nav a { flex: 0 0 auto; padding: 11px 14px; border-radius: 9px; color: #48615b; font-size: 9px; font-weight: 730; white-space: nowrap; }
.exam-detail-nav a:hover { background: var(--exam-ink); color: white; }

.exam-audience-section { display: grid; grid-template-columns: 80px minmax(0, 1fr) minmax(280px, .7fr); gap: clamp(28px, 5vw, 70px); align-items: start; padding: 112px 0 92px; border-bottom: 1px solid var(--exam-rule); }
.exam-section-index span { display: grid; place-items: center; width: 65px; height: 65px; border: 1px solid var(--exam-ink); border-radius: 50%; background: var(--exam-sun); font: 780 12px var(--mono); box-shadow: 4px 4px 0 var(--exam-ink); }
.exam-section-index small { display: block; margin-top: 18px; color: var(--muted); font: 680 8px/1.45 var(--mono); writing-mode: vertical-rl; }
.exam-audience-copy h2 { max-width: 650px; margin: 8px 0 24px; font-size: clamp(39px, 5vw, 65px); line-height: .96; letter-spacing: -.072em; }
.exam-audience-copy > p { max-width: 680px; margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.78; }
.exam-audience-copy .exam-audience-lead { color: var(--exam-ink); font-size: 17px; font-weight: 670; line-height: 1.55; }
.educator-note { position: relative; padding: 27px; border: 1px solid var(--exam-ink); border-radius: 20px; background: var(--exam-teal-soft); box-shadow: 5px 5px 0 var(--exam-teal); }
.educator-note > span { display: block; height: 37px; color: var(--exam-teal); font: 850 52px/1 serif; }
.educator-note h3 { margin: 5px 0 12px; font-size: 18px; letter-spacing: -.04em; }
.educator-note p { margin: 0; color: #3e5b55; font-size: 11px; line-height: 1.72; }

.exam-stages-section,
.exam-skills-section,
.exam-foundation-section,
.exam-week-section,
.exam-direct-section { padding: 96px 0; border-bottom: 1px solid var(--exam-rule); }

.exam-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 410px); gap: 50px; align-items: end; margin-bottom: 37px; }
.exam-section-heading h2 { max-width: 760px; margin: 8px 0 0; font-size: clamp(39px, 5vw, 61px); line-height: .97; letter-spacing: -.069em; }
.exam-section-heading > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.72; }

.exam-stage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border: 1px solid var(--exam-ink); border-radius: 21px; background: #fffef9; list-style: none; overflow: hidden; box-shadow: 7px 7px 0 var(--exam-ink); }
.exam-stage-grid > li { display: flex; flex-direction: column; min-height: 385px; padding: 23px; }
.exam-stage-grid > li + li { border-left: 1px solid var(--exam-ink); }
.exam-stage-number { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid var(--exam-ink); border-radius: 50%; background: var(--exam-sun); font: 760 10px var(--mono); }
.exam-stage-grid h3 { margin: 30px 0 13px; font-size: 21px; line-height: 1.07; letter-spacing: -.045em; }
.exam-stage-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.72; }
.exam-stage-grid footer { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--exam-rule); }
.exam-stage-grid footer small { display: block; color: var(--exam-teal); font: 700 7px var(--mono); letter-spacing: .05em; }
.exam-stage-grid footer strong { display: block; margin-top: 8px; font-size: 10px; line-height: 1.55; }

.exam-skills-section { position: relative; }
.exam-skills-section::before { position: absolute; top: 68px; right: 4%; z-index: -1; width: 105px; height: 105px; border: 20px solid rgba(100, 124, 231, .1); border-radius: 50%; content: ""; }
.exam-skill-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.exam-skill-grid article { min-height: 295px; padding: 27px; border: 1px solid var(--exam-ink); border-radius: 20px; background: rgba(255, 254, 249, .78); }
.exam-skill-grid article > span { color: var(--exam-blue); font: 780 12px var(--mono); }
.exam-skill-grid h3 { margin: 54px 0 13px; font-size: 25px; letter-spacing: -.052em; }
.exam-skill-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.72; }
.exam-skill-grid small { display: block; margin-top: 26px; padding-top: 15px; border-top: 1px solid var(--exam-rule); color: #77837f; font: 650 8px/1.5 var(--mono); text-transform: uppercase; }

.foundation-disclaimer { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 17px; max-width: 910px; margin-bottom: 28px; padding: 19px 22px; border: 1px solid #d9a13e; border-radius: 15px; background: #fff5d8; }
.foundation-disclaimer > span { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: var(--exam-sun); font-weight: 850; }
.foundation-disclaimer p { margin: 0; color: #695831; font-size: 11px; line-height: 1.65; }
.foundation-disclaimer strong { display: block; margin-bottom: 3px; color: var(--exam-ink); }
.foundation-route-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.foundation-route-grid a { display: grid; grid-template-columns: 44px minmax(0, 1fr) 35px; gap: 17px; align-items: center; min-height: 110px; padding: 18px; border: 1px solid var(--exam-ink); border-radius: 16px; background: #fffef9; transition: background .18s ease, transform .18s ease; }
.foundation-route-grid a:hover { background: var(--exam-teal-soft); transform: translateY(-2px); }
.foundation-route-grid a > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--exam-ink); color: white; font: 730 9px var(--mono); }
.foundation-route-grid h3 { margin: 0; font-size: 16px; letter-spacing: -.035em; }
.foundation-route-grid p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.foundation-route-grid b { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; background: var(--exam-sun); }

.exam-week-timeline { position: relative; margin: 0; padding: 0; list-style: none; }
.exam-week-timeline::before { position: absolute; top: 27px; bottom: 27px; left: 28px; width: 1px; background: var(--exam-ink); content: ""; }
.exam-week-timeline > li { position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 23px; align-items: stretch; }
.exam-week-timeline > li + li { margin-top: 14px; }
.exam-week-marker { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.exam-week-marker span { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--exam-ink); border-radius: 50%; background: var(--exam-sun); font: 780 10px var(--mono); }
.exam-week-card { display: grid; grid-template-columns: minmax(220px, .58fr) minmax(0, 1fr) minmax(190px, .55fr); gap: 27px; align-items: center; min-height: 124px; padding: 21px 23px; border: 1px solid var(--exam-ink); border-radius: 17px; background: #fffef9; }
.exam-week-card header small { color: var(--exam-teal); font: 720 8px var(--mono); text-transform: uppercase; }
.exam-week-card h3 { margin: 7px 0 0; font-size: 20px; letter-spacing: -.045em; }
.exam-week-card > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.67; }
.exam-week-card footer { padding-left: 22px; border-left: 1px solid var(--exam-rule); }
.exam-week-card footer span { display: block; color: var(--muted); font: 680 7px var(--mono); letter-spacing: .05em; }
.exam-week-card footer strong { display: block; margin-top: 8px; font-size: 10px; line-height: 1.45; }

.exam-direct-empty { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 25px; align-items: center; padding: 29px; border: 1px dashed var(--exam-ink); border-radius: 20px; background: rgba(255, 254, 249, .62); }
.exam-direct-empty > span { display: grid; place-items: center; width: 55px; height: 55px; border: 1px solid var(--exam-ink); border-radius: 50%; background: var(--exam-sun); font-size: 25px; }
.exam-direct-empty h3 { margin: 0; font-size: 21px; letter-spacing: -.045em; }
.exam-direct-empty p { max-width: 750px; margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.68; }

.exam-direct-proof { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--exam-ink); border-radius: 17px; background: var(--exam-teal-soft); overflow: hidden; }
.exam-direct-proof > div { display: flex; flex-direction: column; min-height: 96px; justify-content: center; padding: 18px 22px; }
.exam-direct-proof > div + div { border-left: 1px solid var(--exam-rule); }
.exam-direct-proof strong { font: 790 25px var(--mono); }
.exam-direct-proof span { margin-top: 5px; color: #526a65; font-size: 9px; }
.exam-direct-area-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.exam-direct-area-grid article { min-height: 220px; padding: 22px; border: 1px solid var(--exam-ink); border-radius: 17px; background: #fffef9; }
.exam-direct-area-grid article > div:first-child { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.exam-direct-area-grid article > div:first-child span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; background: var(--exam-teal); color: white; font: 720 8px var(--mono); }
.exam-direct-area-grid article > div:first-child small { color: var(--exam-teal); font: 680 7px var(--mono); }
.exam-direct-area-grid h3 { margin: 27px 0 9px; font-size: 21px; letter-spacing: -.045em; }
.exam-direct-area-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.exam-direct-area-grid dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 22px 0 0; padding-top: 14px; border-top: 1px solid var(--exam-rule); }
.exam-direct-area-grid dl div + div { padding-left: 10px; border-left: 1px solid var(--exam-rule); }
.exam-direct-area-grid dt { color: var(--muted); font-size: 8px; }
.exam-direct-area-grid dd { margin: 5px 0 0; font: 750 12px var(--mono); }
.exam-direct-library { padding-top: 57px; }
.exam-direct-library > header { display: flex; justify-content: space-between; gap: 35px; align-items: end; margin-bottom: 22px; }
.exam-direct-library > header h3 { margin: 6px 0 0; font-size: 31px; line-height: 1.04; letter-spacing: -.057em; }
.exam-direct-library > header > span { padding: 9px 13px; border: 1px solid var(--exam-rule); border-radius: 999px; color: var(--muted); font: 690 9px var(--mono); white-space: nowrap; }
.exam-direct-group-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.exam-direct-group-grid > section { border: 1px solid var(--exam-ink); border-radius: 18px; background: #fffef9; overflow: hidden; }
.exam-direct-group-grid > section > header { display: flex; gap: 13px; align-items: center; padding: 17px 19px; border-bottom: 1px solid var(--exam-ink); background: var(--exam-teal-soft); }
.exam-direct-group-grid > section > header span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: var(--exam-ink); color: white; font: 700 8px var(--mono); }
.exam-direct-group-grid h4 { margin: 0; font-size: 15px; }
.exam-direct-group-grid ul { margin: 0; padding: 0; list-style: none; }
.exam-direct-group-grid li { display: grid; grid-template-columns: minmax(0, 1fr) 34px; gap: 18px; align-items: center; min-height: 76px; padding: 14px 16px; }
.exam-direct-group-grid li + li { border-top: 1px solid var(--exam-rule); }
.exam-direct-group-grid li strong { display: block; font-size: 11px; line-height: 1.4; }
.exam-direct-group-grid li small { display: -webkit-box; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.exam-direct-group-grid li a { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--exam-sun); }

.exam-direct-test-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.exam-direct-test-grid article { display: flex; flex-direction: column; min-height: 265px; padding: 20px; border: 1px solid var(--exam-ink); border-radius: 17px; background: #fffef9; }
.exam-direct-test-grid article > div { display: flex; justify-content: space-between; gap: 15px; color: var(--exam-teal); font: 680 8px var(--mono); text-transform: uppercase; }
.exam-direct-test-grid h4 { margin: 28px 0 11px; font-size: 18px; line-height: 1.1; letter-spacing: -.04em; }
.exam-direct-test-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.62; }
.exam-direct-test-grid a { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--exam-rule); font-size: 10px; font-weight: 760; }
.exam-direct-test-grid a span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--exam-sun); }

.exam-result-safety { display: grid; grid-template-columns: 65px minmax(0, 1fr) minmax(250px, .58fr); gap: 26px; align-items: center; margin-top: 90px; padding: 31px; border: 1px solid var(--exam-ink); border-radius: 23px; background: var(--exam-ink); color: white; box-shadow: 8px 8px 0 var(--exam-sun); }
.exam-result-lock { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--exam-sun); }
.exam-result-lock span { position: relative; width: 23px; height: 19px; border: 2px solid var(--exam-ink); border-radius: 4px; }
.exam-result-lock span::before { position: absolute; top: -13px; left: 4px; width: 11px; height: 13px; border: 2px solid var(--exam-ink); border-bottom: 0; border-radius: 7px 7px 0 0; content: ""; }
.exam-result-safety .section-kicker { color: var(--exam-sun); }
.exam-result-safety h2 { margin: 6px 0 8px; font-size: 29px; line-height: 1.04; letter-spacing: -.055em; }
.exam-result-safety p { margin: 0; color: rgba(255, 255, 255, .62); font-size: 10px; line-height: 1.62; }
.exam-official-link { display: flex; gap: 20px; justify-content: space-between; align-items: center; min-height: 93px; padding: 17px 18px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 15px; background: rgba(255, 255, 255, .06); }
.exam-official-link small { display: block; color: var(--exam-sun); font: 690 7px var(--mono); }
.exam-official-link strong { display: block; margin-top: 7px; font-size: 12px; }
.exam-official-link b { display: block; margin-top: 5px; color: rgba(255, 255, 255, .56); font: 650 8px var(--mono); }
.exam-official-link i { display: grid; place-items: center; flex: 0 0 auto; width: 39px; height: 39px; border-radius: 50%; background: var(--exam-sun); color: var(--exam-ink); font-style: normal; }

/* Verified exam evidence, curriculum transition and field routes */
.exam-evidence-section,
.exam-tracks-section,
.exam-subject-levels,
.exam-remediation-section,
.exam-subject-library { padding: 92px 0; border-bottom: 1px solid var(--exam-rule); scroll-margin-top: 24px; }

.exam-evidence-grid { display: grid; grid-template-columns: minmax(0, 1.32fr) minmax(310px, .68fr); gap: 18px; align-items: stretch; }
.exam-official-snapshot,
.exam-curriculum-card { border: 1px solid var(--exam-ink); border-radius: 23px; overflow: hidden; }
.exam-official-snapshot { padding: clamp(23px, 3vw, 34px); background: var(--exam-ink); color: #fffef9; box-shadow: 7px 7px 0 var(--exam-sun); }
.exam-official-snapshot > header { display: flex; justify-content: space-between; gap: 28px; align-items: start; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.exam-official-snapshot .section-kicker { color: var(--exam-sun); }
.exam-official-snapshot h3 { max-width: 620px; margin: 7px 0 0; font-size: clamp(24px, 3vw, 39px); line-height: 1.03; letter-spacing: -.055em; }
.exam-official-snapshot > header > span { flex: 0 0 auto; padding: 9px 12px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 11px; color: rgba(255, 255, 255, .6); font: 650 8px/1.5 var(--mono); text-align: right; }
.exam-official-snapshot > header > span strong { color: #fffef9; font-size: 10px; }
.exam-fact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 22px 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.exam-fact-grid > div { min-width: 0; padding: 0 16px; }
.exam-fact-grid > div:first-child { padding-left: 0; }
.exam-fact-grid > div + div { border-left: 1px solid rgba(255, 255, 255, .14); }
.exam-fact-grid dt { color: rgba(255, 255, 255, .52); font: 660 8px var(--mono); text-transform: uppercase; }
.exam-fact-grid dd { margin: 8px 0 0; color: var(--exam-sun); font-size: 14px; font-weight: 820; line-height: 1.25; }
.exam-distribution { padding: 22px 0 0; }
.exam-distribution > small { color: rgba(255, 255, 255, .5); font: 660 8px var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.exam-distribution ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 13px 0 0; padding: 0; list-style: none; }
.exam-distribution li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; background: rgba(255, 255, 255, .055); }
.exam-distribution li span { color: rgba(255, 255, 255, .7); font-size: 10px; }
.exam-distribution li strong { color: #fffef9; font: 740 10px var(--mono); white-space: nowrap; }
.exam-cycle-note { margin: 20px 0 0; padding: 15px 17px; border-left: 3px solid var(--exam-sun); background: rgba(244, 206, 82, .08); color: rgba(255, 255, 255, .72); font-size: 11px; line-height: 1.65; }
.exam-source-link { display: flex; justify-content: space-between; gap: 22px; align-items: center; margin-top: 20px; padding-top: 19px; border-top: 1px solid rgba(255, 255, 255, .15); color: #fffef9; }
.exam-source-link > span { min-width: 0; }
.exam-source-link small { display: block; color: var(--exam-sun); font: 690 8px var(--mono); }
.exam-source-link strong { display: block; margin-top: 6px; font-size: 11px; line-height: 1.4; }
.exam-source-link b { display: block; margin-top: 4px; color: rgba(255, 255, 255, .5); font: 650 8px var(--mono); }
.exam-source-link i { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: var(--exam-sun); color: var(--exam-ink); font-style: normal; }

.exam-curriculum-card { position: relative; display: flex; flex-direction: column; padding: 29px; background: var(--exam-teal-soft); }
.exam-curriculum-code { display: grid; place-items: center; width: 57px; height: 57px; border: 1px solid var(--exam-ink); border-radius: 50%; background: #fffef9; color: var(--exam-ink); font: 790 10px var(--mono); box-shadow: 3px 3px 0 var(--exam-ink); }
.exam-curriculum-card .section-kicker { margin-top: 35px; color: var(--exam-teal); }
.exam-curriculum-card h3 { margin: 9px 0 13px; font-size: 27px; line-height: 1.02; letter-spacing: -.052em; }
.exam-curriculum-card > p:not(.section-kicker) { margin: 0; color: #3e5b55; font-size: 12px; line-height: 1.72; }
.exam-curriculum-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: auto 0 18px; padding-top: 25px; }
.exam-curriculum-card dl > div { padding: 11px; border: 1px solid rgba(17, 44, 40, .13); border-radius: 10px; background: rgba(255, 254, 249, .56); }
.exam-curriculum-card dt { color: #59706b; font-size: 8px; }
.exam-curriculum-card dd { margin: 5px 0 0; font: 730 9px var(--mono); overflow-wrap: anywhere; }
.exam-curriculum-card > a { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-top: 17px; border-top: 1px solid rgba(17, 44, 40, .18); color: var(--exam-ink); font-size: 10px; font-weight: 800; line-height: 1.4; }

.exam-track-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.exam-track-grid article { display: flex; flex-direction: column; min-height: 355px; padding: 24px; border: 1px solid var(--exam-ink); border-radius: 19px; background: #fffef9; box-shadow: 4px 4px 0 rgba(17, 44, 40, .1); }
.exam-track-grid article > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.exam-track-grid article > header span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--exam-sun); font: 760 9px var(--mono); }
.exam-track-grid article > header small { color: var(--exam-teal); font: 690 8px var(--mono); letter-spacing: .04em; }
.exam-track-grid h3 { margin: 31px 0 11px; font-size: 26px; line-height: 1.03; letter-spacing: -.052em; }
.exam-track-grid article > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.exam-track-grid ul { margin: auto 0 0; padding: 22px 0 0; list-style: none; }
.exam-track-grid li + li { border-top: 1px solid var(--exam-rule); }
.exam-track-grid li a { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 12px 0; font-size: 10px; font-weight: 780; }
.exam-track-grid li a span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--exam-teal-soft); }

.exam-mapping-warning { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 20px; align-items: start; margin: 34px 0 0; padding: 23px 25px; border: 1px solid var(--exam-rust); border-radius: 17px; background: #fff0ea; scroll-margin-top: 24px; }
.exam-mapping-warning > span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--exam-rust); color: white; font-size: 22px; font-weight: 850; }
.exam-mapping-warning .section-kicker { color: #9b3e29; }
.exam-mapping-warning strong { display: block; margin-top: 5px; font-size: 15px; }
.exam-mapping-warning p:last-child { margin: 8px 0 0; color: #744b41; font-size: 11px; line-height: 1.7; }

/* Per-subject preview on the exam landing page */
.exam-direct-preview-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 410px); gap: 42px; align-items: end; margin: 47px 0 22px; }
.exam-direct-preview-heading h3 { max-width: 720px; margin: 7px 0 0; font-size: clamp(28px, 3.8vw, 43px); line-height: 1; letter-spacing: -.06em; }
.exam-direct-preview-heading > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.exam-subject-preview-grid { display: grid; gap: 18px; }
.exam-subject-preview { border: 1px solid var(--exam-ink); border-radius: 21px; background: #fffef9; overflow: hidden; }
.exam-subject-preview > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 23px 25px; border-bottom: 1px solid var(--exam-ink); background: var(--exam-teal-soft); }
.exam-subject-preview > header > div { display: flex; gap: 16px; align-items: center; min-width: 0; }
.exam-subject-preview > header > div > span { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: var(--exam-ink); color: white; font: 760 9px var(--mono); }
.exam-subject-preview > header small { color: var(--exam-teal); font: 680 8px var(--mono); }
.exam-subject-preview > header h3 { margin: 4px 0 0; font-size: 24px; letter-spacing: -.048em; }
.exam-subject-preview > header dl { display: grid; grid-template-columns: repeat(3, minmax(58px, 1fr)); margin: 0; }
.exam-subject-preview > header dl > div { min-width: 64px; padding: 0 14px; text-align: center; }
.exam-subject-preview > header dl > div + div { border-left: 1px solid rgba(17, 44, 40, .18); }
.exam-subject-preview > header dt { color: #56706a; font-size: 8px; }
.exam-subject-preview > header dd { margin: 5px 0 0; font: 790 16px var(--mono); }
.exam-subject-description { margin: 0; padding: 17px 25px; border-bottom: 1px solid var(--exam-rule); color: var(--muted); font-size: 11px; line-height: 1.65; }
.exam-subject-preview-columns { display: grid; grid-template-columns: 1fr 1fr; }
.exam-subject-preview-columns > section { min-width: 0; padding: 22px 25px; }
.exam-subject-preview-columns > section + section { border-left: 1px solid var(--exam-rule); }
.exam-subject-preview-columns > section > header { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding-bottom: 13px; border-bottom: 1px solid var(--exam-rule); }
.exam-subject-preview-columns h4 { margin: 0; font-size: 14px; }
.exam-subject-preview-columns > section > header span { color: var(--muted); font: 680 8px var(--mono); }
.exam-subject-preview-columns ol { margin: 0; padding: 0; list-style: none; }
.exam-subject-preview-columns li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 57px; border-bottom: 1px solid var(--exam-rule); }
.exam-subject-preview-columns li > span { color: var(--exam-teal); font: 740 8px var(--mono); }
.exam-subject-preview-columns li a { font-size: 10px; font-weight: 760; line-height: 1.4; }
.exam-subject-preview-columns li a > strong { display: block; }
.exam-subject-preview-columns li a > small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; font-weight: 650; }
.exam-preview-empty { margin: 16px 0 0; padding: 14px; border: 1px dashed var(--exam-rule); border-radius: 10px; color: var(--muted); font-size: 10px; }
.exam-preview-more { display: block; margin-top: 13px; color: var(--exam-teal); font: 720 8px var(--mono); }
.exam-subject-preview > footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 18px 25px; border-top: 1px solid var(--exam-ink); background: var(--exam-cream); }
.exam-subject-preview > footer > small { color: var(--muted); font: 660 8px var(--mono); text-align: right; }

/* Exam subject center */
.exam-subject-main { max-width: 1280px; }
.exam-subject-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, .58fr); gap: clamp(45px, 7vw, 96px); align-items: center; padding: 76px 0 55px; }
.exam-subject-hero-copy h1 { margin: 0; color: var(--exam-ink); font-size: clamp(55px, 7vw, 92px); font-weight: 825; line-height: .89; letter-spacing: -.082em; }
.exam-subject-hero-copy h1 em { position: relative; z-index: 0; font-style: normal; white-space: nowrap; }
.exam-subject-hero-copy h1 em::after { position: absolute; right: -.03em; bottom: .01em; left: -.04em; z-index: -1; height: .21em; border-radius: 999px; background: var(--exam-sun); content: ""; transform: rotate(-1deg); }
.exam-subject-hero-copy > p:not(.eyebrow) { max-width: 720px; margin: 28px 0 0; color: #4f6762; font-size: 17px; line-height: 1.72; }
.exam-subject-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 29px; }
.exam-subject-scorecard { padding: 25px; border: 1px solid var(--exam-ink); border-radius: 23px; background: var(--exam-ink); color: #fffef9; box-shadow: 8px 8px 0 var(--exam-sun); }
.exam-subject-scorecard > header { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 15px; align-items: center; padding-bottom: 21px; border-bottom: 1px solid rgba(255, 255, 255, .17); }
.exam-subject-scorecard > header > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--exam-sun); color: var(--exam-ink); font: 820 10px var(--mono); }
.exam-subject-scorecard > header small { display: block; color: rgba(255, 255, 255, .48); font: 660 8px var(--mono); }
.exam-subject-scorecard > header strong { display: block; margin-top: 4px; font-size: 17px; }
.exam-subject-scorecard dl { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 24px 0; }
.exam-subject-scorecard dl > div { text-align: center; }
.exam-subject-scorecard dl > div + div { border-left: 1px solid rgba(255, 255, 255, .16); }
.exam-subject-scorecard dt { color: rgba(255, 255, 255, .5); font-size: 8px; }
.exam-subject-scorecard dd { margin: 7px 0 0; color: var(--exam-sun); font: 800 21px var(--mono); }
.exam-subject-scorecard > p { display: flex; gap: 8px; align-items: center; margin: 0; padding: 13px 14px; border-radius: 10px; background: rgba(255, 255, 255, .07); font-size: 10px; font-weight: 760; }
.exam-subject-scorecard > p span { width: 8px; height: 8px; border-radius: 50%; background: #69cf9f; box-shadow: 0 0 0 4px rgba(105, 207, 159, .12); }
.exam-subject-scorecard > small { display: block; margin-top: 14px; color: rgba(255, 255, 255, .5); font-size: 9px; line-height: 1.55; }

.exam-subject-warning-stack { display: grid; gap: 12px; margin: 20px 0 37px; }
.exam-subject-boundary,
.exam-subject-source-note { display: grid; align-items: center; border: 1px solid var(--exam-ink); border-radius: 16px; }
.exam-subject-boundary { grid-template-columns: 47px minmax(0, 1fr); gap: 18px; padding: 19px 21px; border-color: var(--exam-rust); background: #fff0ea; }
.exam-subject-boundary > span { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; background: var(--exam-rust); color: white; font-size: 20px; font-weight: 850; }
.exam-subject-boundary .section-kicker { color: #9b3e29; }
.exam-subject-boundary strong { display: block; margin-top: 4px; font-size: 13px; }
.exam-subject-boundary p:last-child { margin: 6px 0 0; color: #754d43; font-size: 10px; line-height: 1.65; }
.exam-subject-source-note { grid-template-columns: minmax(0, 1fr) auto; gap: 25px; padding: 19px 21px; background: var(--exam-teal-soft); }
.exam-subject-source-note strong { display: block; margin-top: 4px; font-size: 13px; }
.exam-subject-source-note p:last-child { margin: 6px 0 0; color: #45605a; font-size: 10px; line-height: 1.62; }
.exam-subject-source-note > a { display: grid; grid-template-columns: minmax(0, 1fr) 31px; gap: 3px 13px; align-items: center; min-width: 170px; padding: 11px 13px; border: 1px solid rgba(17, 44, 40, .17); border-radius: 11px; background: rgba(255, 254, 249, .58); }
.exam-subject-source-note > a span { font-size: 10px; font-weight: 780; }
.exam-subject-source-note > a small { color: var(--muted); font: 650 8px var(--mono); }
.exam-subject-source-note > a b { grid-row: 1 / span 2; grid-column: 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--exam-sun); }
.exam-subject-index-note { margin: 0; padding: 11px 15px; border-left: 3px solid #a58a5a; color: var(--muted); font-size: 9px; line-height: 1.55; }
.exam-subject-index-note strong { color: var(--exam-ink); }
.exam-subject-nav { margin-bottom: 0; }

.exam-subject-level-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.exam-subject-level-grid > a { display: grid; grid-template-columns: 48px minmax(0, 1fr) 34px; gap: 17px; align-items: center; min-height: 126px; padding: 19px; border: 1px solid var(--exam-ink); border-radius: 16px; background: #fffef9; transition: background .18s ease, transform .18s ease; }
.exam-subject-level-grid > a:hover { background: var(--exam-teal-soft); transform: translateY(-2px); }
.exam-subject-level-grid > a > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--exam-ink); color: white; font: 740 9px var(--mono); }
.exam-subject-level-grid small { color: var(--exam-teal); font: 680 7px var(--mono); }
.exam-subject-level-grid h3 { margin: 5px 0 0; font-size: 16px; letter-spacing: -.035em; }
.exam-subject-level-grid p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.exam-subject-level-grid b { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--exam-sun); }
.exam-subject-curriculum { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-top: 17px; padding: 22px 24px; border: 1px solid var(--exam-ink); border-radius: 17px; background: var(--exam-teal-soft); }
.exam-subject-curriculum > span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fffef9; font: 790 9px var(--mono); box-shadow: 3px 3px 0 var(--exam-ink); }
.exam-subject-curriculum strong { display: block; margin-top: 5px; font-size: 13px; }
.exam-subject-curriculum p:last-child { margin: 6px 0 0; color: #45605a; font-size: 10px; line-height: 1.6; }
.exam-subject-curriculum > a { padding: 11px 13px; border: 1px solid rgba(17, 44, 40, .2); border-radius: 10px; background: #fffef9; font-size: 9px; font-weight: 780; white-space: nowrap; }

.exam-remediation-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border: 1px solid var(--exam-ink); border-radius: 20px; background: #fffef9; box-shadow: 7px 7px 0 var(--exam-ink); list-style: none; overflow: hidden; }
.exam-remediation-flow li { position: relative; min-height: 290px; padding: 24px; }
.exam-remediation-flow li + li { border-left: 1px solid var(--exam-ink); }
.exam-remediation-flow li > span { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid var(--exam-ink); border-radius: 50%; background: var(--exam-sun); font: 760 9px var(--mono); }
.exam-remediation-flow li > div { margin-top: 72px; }
.exam-remediation-flow small { color: var(--exam-teal); font: 700 8px var(--mono); }
.exam-remediation-flow h3 { margin: 7px 0 11px; font-size: 20px; letter-spacing: -.043em; }
.exam-remediation-flow p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.67; }

.exam-subject-group-stack { display: grid; gap: 20px; }
.exam-subject-content-group { border: 1px solid var(--exam-ink); border-radius: 21px; background: #fffef9; overflow: hidden; }
.exam-subject-content-group > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; padding: 24px 26px; border-bottom: 1px solid var(--exam-ink); background: var(--exam-teal-soft); }
.exam-subject-content-group > header > div { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: center; min-width: 0; }
.exam-subject-content-group > header > div > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--exam-ink); color: white; font: 740 9px var(--mono); }
.exam-subject-content-group > header h3 { margin: 4px 0; font-size: 23px; letter-spacing: -.047em; }
.exam-subject-content-group > header div > div > small { display: block; max-width: 760px; color: #526a65; font-size: 9px; line-height: 1.45; }
.exam-subject-content-group > header dl { display: grid; grid-template-columns: repeat(3, minmax(60px, 1fr)); margin: 0; }
.exam-subject-content-group > header dl > div { min-width: 66px; text-align: center; }
.exam-subject-content-group > header dl > div + div { border-left: 1px solid rgba(17, 44, 40, .18); }
.exam-subject-content-group > header dt { color: #56706a; font-size: 8px; }
.exam-subject-content-group > header dd { margin: 5px 0 0; font: 790 16px var(--mono); }
.exam-subject-content-columns { display: grid; grid-template-columns: 1fr 1fr; }
.exam-subject-content-columns > section { min-width: 0; padding: 24px 26px 28px; }
.exam-subject-content-columns > section + section { border-left: 1px solid var(--exam-rule); }
.exam-subject-content-columns > section > header { padding-bottom: 16px; border-bottom: 1px solid var(--exam-rule); }
.exam-subject-content-columns h4 { margin: 6px 0 0; font-size: 19px; letter-spacing: -.04em; }
.exam-subject-content-columns ol { margin: 0; padding: 0; list-style: none; }
.exam-subject-content-columns li { display: grid; grid-template-columns: 31px minmax(0, 1fr) 27px; gap: 12px; align-items: center; min-height: 76px; border-bottom: 1px solid var(--exam-rule); }
.exam-subject-content-columns li > span { color: var(--exam-teal); font: 740 8px var(--mono); }
.exam-subject-content-columns li a { font-size: 11px; font-weight: 780; line-height: 1.4; }
.exam-subject-content-columns li p { display: -webkit-box; margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.exam-subject-content-columns li > b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--exam-sun); }

.exam-subject-next { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin: 84px 0 0; padding: 31px 33px; border: 1px solid var(--exam-ink); border-radius: 22px; background: var(--exam-ink); color: white; box-shadow: 8px 8px 0 var(--exam-sun); }
.exam-subject-next .section-kicker { color: var(--exam-sun); }
.exam-subject-next h2 { margin: 6px 0 8px; font-size: clamp(27px, 3.5vw, 43px); line-height: 1.02; letter-spacing: -.06em; }
.exam-subject-next p:last-child { margin: 0; color: rgba(255, 255, 255, .62); font-size: 10px; line-height: 1.6; }
.exam-subject-next .button { background: var(--exam-sun); color: var(--exam-ink); white-space: nowrap; }

@media (max-width: 1120px) {
    .exam-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exam-track-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exam-method-strip { grid-template-columns: 1fr; gap: 32px; }
    .exam-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exam-stage-grid > li:nth-child(3) { border-left: 0; border-top: 1px solid var(--exam-ink); }
    .exam-stage-grid > li:nth-child(4) { border-top: 1px solid var(--exam-ink); }
    .exam-remediation-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exam-remediation-flow li:nth-child(3) { border-top: 1px solid var(--exam-ink); border-left: 0; }
    .exam-remediation-flow li:nth-child(4) { border-top: 1px solid var(--exam-ink); }
    .exam-week-card { grid-template-columns: minmax(190px, .55fr) minmax(0, 1fr); }
    .exam-week-card footer { grid-column: 1 / -1; padding: 15px 0 0; border-top: 1px solid var(--exam-rule); border-left: 0; }
    .exam-direct-test-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exam-direct-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .exam-center-hero,
    .exam-detail-lead,
    .exam-subject-hero { grid-template-columns: 1fr; padding-block: 65px; }
    .exam-center-manifest,
    .exam-trust-card,
    .exam-subject-scorecard { width: min(100%, 590px); }
    .exam-evidence-grid { grid-template-columns: 1fr; }
    .exam-direct-preview-heading { grid-template-columns: 1fr; gap: 20px; }
    .exam-subject-preview-columns,
    .exam-subject-content-columns { grid-template-columns: 1fr; }
    .exam-subject-preview-columns > section + section,
    .exam-subject-content-columns > section + section { border-top: 1px solid var(--exam-rule); border-left: 0; }
    .exam-subject-curriculum { grid-template-columns: 58px minmax(0, 1fr); }
    .exam-subject-curriculum > a { grid-column: 2; width: fit-content; }
    .exam-subject-content-group > header { grid-template-columns: 1fr; }
    .exam-subject-content-group > header dl { width: min(100%, 330px); }
    .exam-subject-next { grid-template-columns: 1fr; }
    .exam-subject-next .button { width: fit-content; }
    .exam-center-visual { grid-template-columns: 1fr; }
    .exam-center-visual picture,
    .exam-center-visual img { min-height: 0; aspect-ratio: 4 / 3; }
    .exam-center-proof { grid-template-columns: repeat(3, 1fr); }
    .exam-center-proof > p { grid-column: 1 / -1; min-height: auto; border-top: 1px solid var(--exam-ink); border-left: 0; }
    .exam-family-header,
    .exam-section-heading { grid-template-columns: 1fr; gap: 22px; }
    .exam-method-strip ol { grid-template-columns: repeat(2, 1fr); }
    .exam-method-strip li:nth-child(3) { border-top: 1px solid rgba(255, 255, 255, .16); }
    .exam-method-strip li:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, .16); }
    .exam-audience-section { grid-template-columns: 65px minmax(0, 1fr); }
    .educator-note { grid-column: 2; }
    .exam-skill-grid { grid-template-columns: 1fr; }
    .exam-skill-grid article { min-height: 240px; }
    .exam-skill-grid h3 { margin-top: 34px; }
    .exam-result-safety { grid-template-columns: 60px minmax(0, 1fr); }
    .exam-result-safety > :last-child { grid-column: 2; }
    .exam-direct-empty { grid-template-columns: 55px minmax(0, 1fr); }
    .exam-direct-empty .button { grid-column: 2; width: fit-content; }
}

@media (max-width: 680px) {
    .exam-center-main { width: min(100% - 30px, 1280px); }
    .exam-center-hero { padding: 50px 0 55px; }
    .exam-center-hero::before { display: none; }
    .exam-center-hero-copy h1,
    .exam-detail-lead h1,
    .exam-subject-hero-copy h1 { font-size: clamp(47px, 14vw, 67px); }
    .exam-center-hero-copy h1 em,
    .exam-detail-lead h1 em,
    .exam-subject-hero-copy h1 em { white-space: normal; }
    .exam-center-hero-copy > p:last-of-type,
    .exam-detail-lead-copy > p,
    .exam-subject-hero-copy > p:not(.eyebrow) { font-size: 16px; }
    .exam-center-manifest { padding: 23px; transform: none; }
    .exam-center-manifest > * { transform: none; }
    .exam-center-visual { border-radius: 20px; box-shadow: 5px 5px 0 var(--exam-ink); }
    .exam-center-visual > div { padding: 28px 22px 31px; }
    .exam-center-proof { grid-template-columns: 1fr; }
    .exam-center-proof > div { min-height: 88px; }
    .exam-center-proof > div + div { border-top: 1px solid var(--exam-rule); border-left: 0; }
    .exam-center-proof > p { grid-column: auto; }
    .exam-guide-notice { grid-template-columns: 39px minmax(0, 1fr); padding: 17px; }
    .exam-guide-notice > span { width: 37px; height: 37px; }
    .exam-evidence-section,
    .exam-tracks-section,
    .exam-subject-levels,
    .exam-remediation-section,
    .exam-subject-library { padding: 72px 0; }
    .exam-official-snapshot { padding: 22px; box-shadow: 5px 5px 0 var(--exam-sun); }
    .exam-official-snapshot > header { display: grid; }
    .exam-official-snapshot > header > span { width: fit-content; text-align: left; }
    .exam-fact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exam-fact-grid > div { padding: 12px; border-top: 1px solid rgba(255, 255, 255, .14); }
    .exam-fact-grid > div:nth-child(odd) { padding-left: 0; }
    .exam-fact-grid > div:nth-child(3) { border-left: 0; }
    .exam-distribution ul { grid-template-columns: 1fr; }
    .exam-curriculum-card { padding: 23px; }
    .exam-track-grid { grid-template-columns: 1fr; }
    .exam-track-grid article { min-height: 320px; }
    .exam-mapping-warning { grid-template-columns: 1fr; padding: 21px; }
    .exam-direct-preview-heading { margin-top: 39px; }
    .exam-subject-preview > header { grid-template-columns: 1fr; padding: 20px; }
    .exam-subject-preview > header dl { width: 100%; padding-top: 15px; border-top: 1px solid rgba(17, 44, 40, .16); }
    .exam-subject-description { padding-inline: 20px; }
    .exam-subject-preview-columns > section { padding: 20px; }
    .exam-subject-preview > footer { display: grid; padding: 18px 20px; }
    .exam-subject-preview > footer > small { text-align: left; }
    .exam-group-directory { padding-top: 76px; }
    .exam-family { padding: 48px 0 58px; }
    .exam-family-header { margin-bottom: 22px; }
    .exam-family-header > div { grid-template-columns: 45px minmax(0, 1fr); gap: 13px; }
    .exam-family-header > div > span { width: 43px; height: 43px; }
    .exam-family-header h2 { font-size: 36px; }
    .exam-route-grid { grid-template-columns: 1fr; }
    .exam-route-card { min-height: 390px; }
    .exam-method-strip { margin: 62px 0; padding: 27px 22px; }
    .exam-method-strip ol { grid-template-columns: 1fr; }
    .exam-method-strip li { min-height: auto; padding: 16px 0; border-top: 1px solid rgba(255, 255, 255, .16); border-left: 0; }
    .exam-detail-lead { padding: 52px 0 45px; }
    .exam-trust-card { padding: 21px; }
    .exam-subject-hero { padding: 52px 0 40px; }
    .exam-subject-scorecard { width: 100%; padding: 21px; }
    .exam-subject-scorecard dl { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .exam-subject-scorecard dl > div { padding: 12px 0; }
    .exam-subject-scorecard dl > div:nth-child(3) { border-top: 1px solid rgba(255, 255, 255, .16); border-left: 0; }
    .exam-subject-scorecard dl > div:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, .16); }
    .exam-detail-nav { width: calc(100vw - 15px); margin-right: -15px; padding-right: 15px; }
    .exam-subject-boundary { grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 17px; }
    .exam-subject-boundary > span { width: 40px; height: 40px; }
    .exam-subject-source-note { grid-template-columns: 1fr; padding: 17px; }
    .exam-subject-source-note > a { min-width: 0; }
    .exam-audience-section { grid-template-columns: 1fr; padding: 80px 0 70px; }
    .exam-section-index { display: flex; gap: 13px; align-items: center; }
    .exam-section-index span { width: 51px; height: 51px; }
    .exam-section-index small { margin: 0; writing-mode: initial; }
    .educator-note { grid-column: auto; }
    .exam-stages-section,
    .exam-skills-section,
    .exam-foundation-section,
    .exam-week-section,
    .exam-direct-section { padding: 74px 0; }
    .exam-section-heading h2,
    .exam-audience-copy h2 { font-size: 39px; }
    .exam-stage-grid { grid-template-columns: 1fr; }
    .exam-stage-grid > li { min-height: 330px; }
    .exam-stage-grid > li + li,
    .exam-stage-grid > li:nth-child(3) { border-top: 1px solid var(--exam-ink); border-left: 0; }
    .foundation-route-grid { grid-template-columns: 1fr; }
    .exam-subject-level-grid { grid-template-columns: 1fr; }
    .exam-subject-curriculum { grid-template-columns: 1fr; padding: 20px; }
    .exam-subject-curriculum > a { grid-column: auto; }
    .exam-remediation-flow { grid-template-columns: 1fr; }
    .exam-remediation-flow li { min-height: 250px; }
    .exam-remediation-flow li + li,
    .exam-remediation-flow li:nth-child(3) { border-top: 1px solid var(--exam-ink); border-left: 0; }
    .exam-remediation-flow li > div { margin-top: 47px; }
    .exam-subject-content-group > header { padding: 20px; }
    .exam-subject-content-group > header > div { grid-template-columns: 43px minmax(0, 1fr); gap: 13px; }
    .exam-subject-content-group > header > div > span { width: 41px; height: 41px; }
    .exam-subject-content-group > header dl { width: 100%; padding-top: 15px; border-top: 1px solid rgba(17, 44, 40, .16); }
    .exam-subject-content-columns > section { padding: 20px; }
    .exam-subject-content-columns li { grid-template-columns: 28px minmax(0, 1fr) 25px; gap: 9px; }
    .exam-subject-next { margin-top: 68px; padding: 25px 21px; }
    .exam-week-timeline::before { left: 22px; }
    .exam-week-timeline > li { grid-template-columns: 46px minmax(0, 1fr); gap: 14px; }
    .exam-week-marker span { width: 44px; height: 44px; }
    .exam-week-card { grid-template-columns: 1fr; gap: 15px; padding: 18px; }
    .exam-week-card footer { grid-column: auto; }
    .exam-direct-empty { grid-template-columns: 1fr; padding: 22px; }
    .exam-direct-empty .button { grid-column: auto; }
    .exam-direct-proof { grid-template-columns: repeat(2, 1fr); }
    .exam-direct-proof > div + div { border-left: 0; }
    .exam-direct-proof > div:nth-child(even) { border-left: 1px solid var(--exam-rule); }
    .exam-direct-proof > div:nth-child(n + 3) { border-top: 1px solid var(--exam-rule); }
    .exam-direct-proof > div:last-child { grid-column: 1 / -1; border-left: 0; }
    .exam-direct-library > header { display: block; }
    .exam-direct-library > header > span { display: inline-block; margin-top: 14px; }
    .exam-direct-group-grid,
    .exam-direct-test-grid,
    .exam-direct-area-grid { grid-template-columns: 1fr; }
    .exam-result-safety { grid-template-columns: 1fr; padding: 24px 21px; }
    .exam-result-safety > :last-child { grid-column: auto; }
    .exam-result-safety h2 { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
    .exam-route-card,
    .foundation-route-grid a { transition: none; }
}

@media (forced-colors: active) {
    .exam-route-status i,
    .exam-trust-head i { border: 1px solid currentColor; }
    .exam-route-card--foundation-only { border-style: dashed; }
}
/* Scoped modular study map; native details stays usable without JavaScript. */
.exam-study-program { margin-block: 3rem; }
.exam-program-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; padding:0; list-style:none; }
.exam-program-grid > li { min-width:0; border:1px solid #d8e1d5; border-radius:20px; background:#fff; color:#203226; overflow:hidden; scroll-margin-top:6rem; }
.exam-program-grid summary { display:flex; align-items:center; gap:1rem; min-height:84px; padding:1.2rem; cursor:pointer; }
.exam-program-grid summary::after { content:'+'; margin-left:auto; font-size:1.6rem; color:#31583b; }
.exam-program-grid details[open] > summary::after { content:'−'; }
.exam-program-grid summary > span { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:12px; background:#eef4eb; color:#31583b; font-weight:800; }
.exam-program-grid h3 { margin:0 0 .35rem; color:#203226; font-size:1.05rem; line-height:1.4; }
.exam-program-grid small { color:#4e614f; }
.exam-program-grid [data-program-state='planned'] small { color:#795318; }
.exam-program-body { padding:0 1.2rem 1.2rem; color:#344b39; line-height:1.75; }
.exam-program-body h4 { margin:1rem 0 .35rem; color:#203226; }
.exam-program-body ul { padding-left:1.2rem; }
.exam-program-body li + li { margin-top:.35rem; }
.exam-program-body li > a { display:block; padding-block:.55rem; min-height:44px; color:#275337; overflow-wrap:anywhere; }
.exam-program-prior { font-size:.9rem; }
.exam-program-prior a { color:#31583b; text-decoration:underline; text-underline-offset:3px; }
.exam-program-decision { border-radius:16px; background:#f0f5eb; padding:1rem 1.25rem; color:#344b39; line-height:1.8; }
.exam-program-decision strong { color:#203226; }
.exam-program-pending { border-left:3px solid #b28439; padding-left:1rem; color:#795318; }
.exam-program-grid summary:focus-visible, .exam-program-body a:focus-visible { outline:3px solid #497d52; outline-offset:3px; }
@media(max-width:720px) { .exam-program-grid { grid-template-columns:1fr; } .exam-program-grid summary { padding:1rem; } }