:root{--ink:#182d46;--blue:#173d68;--gold:#efb42c;--muted:#52637a;--border:#dfe6ee}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}header{background:linear-gradient(120deg,#10294a,#205783);color:white;padding:53px 24px 60px}header .wrap{max-width:1030px;margin:auto}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:#f2cb70}h1{font-size:clamp(32px,4.7vw,57px);line-height:1.12;margin:12px 0 18px}header p{max-width:830px;font-size:18px;color:#e5edf7}main{max-width:1030px;margin:-28px auto 50px;padding:0 20px}.panel{background:white;border:1px solid var(--border);border-radius:18px;padding:27px;box-shadow:0 8px 22px #18324f0a;margin-bottom:22px}h2{font-size:25px;line-height:1.25;margin:0 0 12px}h3{margin:0 0 6px}p{margin:5px 0 12px}.muted{color:var(--muted)}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{padding:16px;background:#f1f5fa;border-radius:12px}.tile strong{display:block;font-size:22px;color:#153f66}.cta{display:inline-block;padding:12px 20px;color:#132f4e;background:var(--gold);border:0;border-radius:10px;font-weight:800;cursor:pointer;text-decoration:none}.outline{background:white;border:1px solid #aac1d5;color:var(--blue)}.aside{border-left:4px solid var(--gold);padding:12px 16px;background:#fffbf1;border-radius:8px;margin:15px 0}details{border:1px solid var(--border);border-radius:10px;margin:9px 0;padding:13px 16px;background:white}summary{font-weight:750;cursor:pointer}details p{padding-top:7px}.mini{font-size:13px}.field{display:block;font-weight:700;margin:10px 0}.field input{display:block;width:100%;padding:11px;border:1px solid #bdcad6;border-radius:8px;margin-top:5px;font:inherit}.question{padding:16px;margin:14px 0;border:1px solid var(--border);border-radius:11px}.choice{display:block;padding:9px 12px;border:1px solid var(--border);border-radius:9px;margin:7px 0;cursor:pointer;font-weight:400}.choice:hover{background:#f4f7fc}.choice input{margin-right:8px}.hidden{display:none}.status{padding:16px;border-radius:10px;background:#eaf3fb;margin:15px 0}.review{border-bottom:1px solid var(--border);padding:13px 0}footer{text-align:center;color:#66758a;padding:20px 10px 40px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}@media(max-width:650px){.row,.trio{grid-template-columns:1fr}header{padding:40px 18px 54px}.panel{padding:18px}}@media print{header{padding:20px;background:#153f66!important;print-color-adjust:exact}.toolbar,.no-print{display:none!important}main{margin:0}.panel{box-shadow:none;break-inside:avoid}details{break-inside:avoid}}

/* IAS College institutional presentation */
body{background:#f6f8fc}
header{padding-top:26px;position:relative;overflow:hidden}
header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 87% 27%,#3377ab55 0,transparent 37%);pointer-events:none}
.brandnav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 17px;margin-bottom:39px;background:#ffffff;border-radius:13px;box-shadow:0 9px 28px #00000013;position:relative}
.brandnav img{display:block;height:42px;max-width:min(64vw,365px);width:auto;object-fit:contain}
.brandnav a{font-size:13px;letter-spacing:.02em;text-decoration:none;font-weight:750;color:#21456b}
.brandnav .navlinks{display:flex;gap:20px;flex-wrap:wrap}
.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.hero-meta span{font-size:12px;font-weight:700;border:1px solid #ffffff55;border-radius:999px;padding:5px 11px;color:#e6eefc}
.accent-rule{height:5px;background:#efb42c;width:73px;margin:0 0 18px;border-radius:5px}
.evidence-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:19px}
.flow-step{padding:15px 12px;background:#f0f5fb;border:1px solid #d9e6f2;border-radius:12px}
.flow-step small{display:block;color:#2870a3;letter-spacing:.1em;font-weight:850;margin-bottom:8px}
.flow-step strong{display:block;line-height:1.3;font-size:14px}
.note-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#307196}
.quality-bar{background:#173d68;color:white;border-radius:12px;padding:16px 19px;margin:16px 0 5px;font-weight:650}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.reference-grid .tile{background:#f6f8fb;border:1px solid #e1e7ef}
.readiness-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:14px}
.readiness-steps div{padding:14px;border-top:3px solid var(--gold);background:#f5f8fc;border-radius:9px}
.readiness-steps b{display:block;color:#19446d}
footer{border-top:4px solid #efb42c;background:#edf2f7}
@media(max-width:750px){.brandnav{flex-direction:column;align-items:flex-start}.brandnav img{height:34px}.brandnav .navlinks{gap:12px}.evidence-flow,.readiness-steps{grid-template-columns:1fr 1fr}.reference-grid{grid-template-columns:1fr}}
@media(max-width:420px){.evidence-flow,.readiness-steps{grid-template-columns:1fr}}

.score-hero{margin:20px 0 18px;padding:25px;border-radius:15px;background:#eaf3fb;border:2px solid #bfd6ee}.score-hero.pass{background:#e7f6ed;border-color:#86cfa3}.score-hero.fail{background:#fff3ed;border-color:#f4bb9b}.score-number{font-size:48px;line-height:1.2;font-weight:850}.result-grid{display:flex;gap:18px;flex-wrap:wrap}.result-grid span{background:#ffffffb0;border-radius:9px;padding:6px 12px}.revision-plan{background:#f6f8fd;padding:18px;border-radius:12px;margin:15px 0}.revision-plan a,.review a{color:#135887;text-decoration:underline}.review{border:1px solid #dce4ec;border-radius:12px;margin:10px 0;padding:15px 18px}.review.wrong{background:#fff1f1;border-left:5px solid #c7333b}.review.right{background:#ebf8ef;border-left:5px solid #279056}.review .wrong-answer{color:#a51d26;font-weight:750}.review .correct-answer{color:#176438;font-weight:750}.review .tag{font-size:12px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.completion{border-top:3px solid #e8edf4;margin-top:25px;padding-top:22px}.submission-note{padding:14px;border-radius:10px;background:#f5f6f9;margin:12px 0}.submission-note.sent{background:#e7f6ed;color:#165f37}.submission-note.error{background:#fff1f1;color:#842b2b}.question .topic{font-size:12px;font-weight:750;color:#52637a;letter-spacing:.04em;text-transform:uppercase}.choice{display:flex;gap:6px;align-items:baseline}.choice input{flex:none}.completion .toolbar{margin-top:18px}html{scroll-behavior:smooth}@media print{.completion,.navlinks,#startPanel,#quizPanel{display:none!important}.review{break-inside:avoid}}

.guide-intro{padding:17px 20px;margin:14px 0 22px;background:#edf4fa;border-left:4px solid #164d78;border-radius:9px;line-height:1.65}.guide-detail{margin:15px 0 8px;line-height:1.75;font-size:15px;color:#233247}.guide-detail p{margin:11px 0}.guide-detail .study-box{background:#f1f5fa;padding:15px 18px;border-left:4px solid #c09b56;border-radius:8px;margin:15px 0}.guide-detail .caution{background:#fff7ee;border-left:4px solid #c78c42;padding:12px}.guide-detail .sources{border-top:1px solid #dbe4ef;padding-top:12px}.guide-detail a{color:#135887;text-decoration:underline;font-weight:600}.guide-detail a:hover{text-decoration:none}#guide details{margin:12px 0}#guide summary{font-weight:750;cursor:pointer}#guide details[open]{padding-bottom:14px}
.iasmodal{position:fixed;inset:0;background:#0b1a33aa;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.iasmodal[hidden],.iasmodal-actions [hidden]{display:none!important}.iasmodal-box{background:#fff;border-radius:14px;max-width:420px;width:100%;padding:24px;box-shadow:0 20px 50px #0000004d;border-top:5px solid #efb42c}.iasmodal-box h3{margin:0 0 8px;color:#173d68}.iasmodal-box p{margin:0 0 18px}.iasmodal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}main{position:relative;z-index:1;max-width:1078px!important;padding:0 24px!important;margin:36px auto 50px!important}@media(max-width:750px){main{padding:0 18px!important}}
/* ===== IAS website theme (matches iaos.de React site: Inter, navy #0d1b3e, gold #d4a017) ===== */
:root{--ink:#0f172a;--blue:#0f2b62;--gold:#d4a017;--muted:#475569;--border:#e2e8f0;--navy:#0d1b3e;--navy7:#0f2b62;--navy6:#1a3f85;--navy50:#e8edf7;--gold50:#fdf8e1}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:inherit;letter-spacing:-.01em}
a{color:var(--navy6)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* hero + top bar */
header{background:var(--navy)!important;padding:0 24px 56px!important;overflow:hidden}
header:before{background:radial-gradient(ellipse 80% 60% at 25% 60%,rgba(30,58,138,.55) 0,transparent 70%)!important}
header:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.55),transparent);pointer-events:none}
header .wrap{position:relative;z-index:1}
.brandnav{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 0!important;margin-bottom:46px!important}
.brandnav img{height:40px!important;filter:none}
.brandnav a{color:#e2e8f0!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;padding:8px 12px;border-radius:6px;transition:color .2s,background .2s}
.brandnav a:hover{color:var(--gold)!important;background:rgba(255,255,255,.06)}
.brandnav .navlinks{gap:4px!important}
.eyebrow{display:inline-block;background:rgba(212,160,23,.15);border:1px solid rgba(212,160,23,.28);color:var(--gold)!important;font-weight:600;font-size:11px!important;letter-spacing:.14em!important;padding:5px 13px;border-radius:999px;margin-bottom:14px}
.accent-rule{display:none}
header h1{font-weight:900!important;line-height:1.12;color:#fff;font-size:clamp(32px,5.2vw,58px)}
header p{color:#cbd5e1!important}
.hero-meta span{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18)!important;color:#e2e8f0!important;font-weight:600}
/* buttons */
.cta{background:var(--gold)!important;color:var(--navy)!important;border-radius:12px!important;font-weight:700!important;padding:12px 22px!important;font-family:inherit;transition:background .2s,transform .2s,box-shadow .2s}
.cta:hover{background:#e0ac1c!important;box-shadow:0 6px 16px rgba(212,160,23,.3)}
.cta:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.cta.outline{background:#fff!important;color:var(--navy7)!important;border:1.5px solid var(--navy7)!important}
.cta.outline:hover{background:var(--navy50)!important;box-shadow:none}
/* cards */
.panel{border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important}
.panel h2{color:var(--navy);font-weight:800}
.panel h3{color:var(--navy7)}
.note-label{color:#b07c10!important}
.tile{background:var(--navy50)!important;border:1px solid #c5d1ea!important;border-radius:12px!important}
.tile strong{color:var(--navy7)!important}
.aside{background:var(--gold50)!important;border-left-color:var(--gold)!important}
.quality-bar{background:var(--navy)!important}
.flow-step,.readiness-steps div{background:var(--navy50)!important;border-color:#c5d1ea!important}
.readiness-steps div{border-top:3px solid var(--gold)!important}
.readiness-steps b{color:var(--navy7)!important}
.guide-intro{background:var(--navy50)!important;border-left-color:var(--navy7)!important}
.guide-detail .study-box{background:var(--gold50)!important;border-left-color:var(--gold)!important}
.guide-detail a,.revision-plan a,.review a{color:var(--navy6)!important}
.revision-plan{background:var(--navy50)!important}
.score-hero{background:var(--navy50);border-color:#9db0d8}
.field{color:var(--navy)}
.field input{border:1px solid #cbd5e1!important;border-radius:10px!important;font-family:inherit}
.field input:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(212,160,23,.25)}
.choice{border-radius:10px!important}.choice:hover{background:var(--navy50)!important}
#guide summary{color:var(--navy)}
/* footer (mirrors site footer) */
footer.site-footer{text-align:left!important;background:var(--navy)!important;border-top:0!important;color:#cbd5e1;padding:0;font-size:13px}
.sf-grid{max-width:1030px;margin:0 auto;padding:36px 24px 28px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
.sf-grid img{height:34px;width:auto;filter:none;opacity:.92;margin-bottom:12px}
.sf-grid h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-weight:600}
.sf-grid p{color:#94a3b8;margin:0;line-height:1.6;max-width:320px}
.sf-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sf-grid a{color:#94a3b8;text-decoration:none}.sf-grid a:hover{color:var(--gold)}
.sf-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 24px;color:#64748b;font-size:12px}
.sf-bottom div{max-width:1030px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sf-bottom a{color:#64748b;text-decoration:none;margin-left:14px}.sf-bottom a:first-child{margin-left:0}.sf-bottom a:hover{color:var(--gold)}
@media(max-width:750px){.sf-grid{grid-template-columns:1fr;gap:22px;padding:28px 20px 20px}.brandnav{margin-bottom:30px!important}.brandnav .navlinks{gap:0!important;margin-left:-12px}header{padding:0 18px 54px!important}}
@media print{footer.site-footer{display:none}header:after{display:none}}

/* ===== Guided flow: step tabs + collapsible panels (reduces scroll, esp. on mobile) ===== */
[data-tab][hidden]{display:none!important}
#tabs{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:6px;margin:0 0 20px;box-shadow:0 4px 14px rgba(15,23,42,.08)}
#tabs button{font:inherit;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 8px;border:0;border-radius:10px;background:transparent;color:var(--navy7);font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
#tabs button:hover{background:var(--navy50)}
#tabs .tn{width:22px;height:22px;border-radius:50%;background:var(--navy50);display:inline-grid;place-items:center;font-size:12px;font-weight:800;flex:none}
#tabs button.on{background:var(--navy);color:#fff}
#tabs button.on .tn{background:var(--gold);color:var(--navy)}
.tabnext{text-align:center;margin:6px 0 34px}
.tabnext[hidden]{display:none}
.collapsible .chead{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;-webkit-tap-highlight-color:transparent}
.collapsible:not(.collapsed) .chead{margin-bottom:12px}
.chev{flex:none;width:30px;height:30px;border-radius:50%;background:var(--navy50);position:relative}
.chev:after{content:"";position:absolute;left:10px;top:8px;width:8px;height:8px;border-right:2px solid var(--navy7);border-bottom:2px solid var(--navy7);transform:rotate(45deg);transition:transform .2s}
.collapsible:not(.collapsed) .chev:after{transform:rotate(-135deg);top:12px}
.guidebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px;font-size:13px;color:var(--muted)}
.guidebar span{flex:1 1 140px}
.guidebar button{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:var(--navy7);cursor:pointer}
.guidebar button:hover{background:var(--navy50)}
#guide details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 14px}
#guide summary{padding:14px 0;line-height:1.4}
@media(max-width:520px){#tabs{padding:4px;gap:4px;border-radius:12px;margin:0 0 14px}#tabs button{flex-direction:column;gap:3px;font-size:12px;padding:7px 2px;min-height:52px}}
@media(max-width:750px){header p{font-size:16px!important;line-height:1.55}.hero-meta{margin:14px 0}.panel h2{font-size:21px;line-height:1.25}body{font-size:15.5px}}
@media(max-width:750px){header .cta{display:none!important}header h1{font-size:28px!important;line-height:1.15}.brandnav{padding:12px 0!important;margin-bottom:22px!important}.brandnav .navlinks{display:none!important}.brandnav img{height:32px!important}.eyebrow{font-size:10px!important;margin-bottom:10px}header p{font-size:15px!important}.hero-meta span{font-size:11px;padding:4px 9px}header{padding-bottom:36px!important}main{margin-top:20px!important}.sf-grid>div:nth-child(1) p,.sf-grid>div:nth-child(2){display:none}.sf-grid{gap:16px!important;padding:24px 20px 14px!important}}@media print{#tabs,.tabnext,.guidebar{display:none!important}[data-tab][hidden]{display:block!important}.cbody[hidden]{display:block!important}.chev{display:none}}

/* ===== UX pass: one-question-at-a-time quiz, friendlier choices, compact phone hero ===== */
#tabs button{transition:none}
#quizPanel.wizon #progress{display:none}.wizhead{margin:8px 0 14px}
.wizbar{height:8px;border-radius:99px;background:var(--navy50);overflow:hidden}
.wizbar i{display:block;height:100%;width:0;background:var(--gold);border-radius:99px;transition:width .25s}
.wiztext{margin-top:8px;font-size:14px;font-weight:600;color:var(--navy7)}
#quizForm.wizon .question{display:none}
#quizForm.wizon .question.cur{display:block;animation:wizin .2s ease-out}
@keyframes wizin{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
#quizPanel.wizon:not(.wiz-last) #gradeBtn{display:none}
#quizPanel.wizon.wiz-last #gradeBtn{width:100%;margin-top:6px}
.wiznav{display:flex;gap:10px;margin:14px 0 4px}
.wiznav .cta{flex:1;text-align:center}
.wiznav .cta[hidden]{display:none!important}
.wiznav .cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.question{scroll-margin-top:90px}
.question h3{font-size:19px;line-height:1.35}
.choice{padding:14px 14px!important;font-size:16px;line-height:1.45;transition:border-color .15s,background .15s}
.choice input{width:20px;height:20px;accent-color:var(--navy7);flex:none;margin-top:2px}
.choice:has(input:checked){border-color:var(--gold)!important;background:var(--gold50)!important;box-shadow:0 0 0 2px rgba(212,160,23,.25)}
.hero-more{display:none}
@media(max-width:750px){
 .hero-meta{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:12px -18px!important;padding:0 18px}
 .hero-meta::-webkit-scrollbar{display:none}
 .hero-meta span{white-space:nowrap;flex:none}
 header p.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .hero-more{display:inline-block;background:none;border:0;padding:4px 0;margin-top:2px;color:var(--gold);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
 .cta{min-height:48px}
}
@media(max-width:750px){.eyebrow{display:none!important}header h1{font-size:26px!important;line-height:1.18;margin:4px 0 0}header h1 br{display:none}.brandnav{padding:10px 0!important;margin-bottom:16px!important}.brandnav img{height:28px!important}header{padding-bottom:20px!important}.hero-meta{margin:12px -18px 10px!important}header p.clamped{-webkit-line-clamp:2!important;font-size:14.5px!important}.hero-more{font-size:13px;padding:2px 0;margin:0}main{margin-top:14px!important}#tabs{margin-bottom:12px!important}.panel{padding:16px!important;margin-bottom:14px!important}}@media(max-width:750px){#tabs{position:fixed!important;top:auto!important;bottom:0;left:0;right:0;margin:0!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:16px 16px 0 0!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;box-shadow:0 -6px 20px rgba(15,23,42,.14)!important;z-index:40}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}body.kbd #tabs{display:none}.question{scroll-margin-top:16px}}.cta{font-family:inherit;font-size:16px!important;line-height:1.25;letter-spacing:.005em}.cta:not(.outline){background:linear-gradient(135deg,#e8b923 0%,#f5c842 100%)!important;color:#0d1b3e!important;box-shadow:0 4px 14px rgba(212,160,23,.35)}.cta:not(.outline):hover{background:linear-gradient(135deg,#f0c330 0%,#ffd45a 100%)!important;box-shadow:0 6px 18px rgba(212,160,23,.45);transform:translateY(-1px)}.cta:not(.outline):active{transform:none}#startBtn{display:block;width:100%;max-width:340px;padding:15px 22px!important;font-weight:800!important;margin-top:4px}#startBtn.is-off{background:#e2e8f0!important;color:#64748b!important;box-shadow:none!important;transform:none!important}@media(max-width:750px){#startBtn{max-width:none}}#guide details{scroll-margin-top:84px}@media print{.wizhead,.wiznav{display:none!important}#quizForm.wizon .question{display:block!important}}

/* ===== Desktop layout: wider column, hero side card, two-column overview ===== */
.hero-card{display:none}
@media(min-width:1000px){
 .hero-row{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
 .hero-card{display:block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px 22px 20px;margin-top:6px;backdrop-filter:blur(8px)}
 .hero-card h2{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)!important;font-weight:700}
 .hero-card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
 .hero-card li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;color:#cbd5e1;font-size:14px}
 .hero-card li strong{color:#fff;font-size:20px;font-weight:800}
 .hc-actions{display:grid;gap:10px}
 .hc-actions .cta{width:100%;text-align:center}
 main{display:grid!important;grid-template-columns:1fr 1fr;column-gap:22px;align-items:stretch}
 main>*{grid-column:1/-1}
 main>section:nth-of-type(2),main>section:nth-of-type(3){grid-column:auto}
 main>section.panel{margin-bottom:22px}
}
@media(min-width:1200px){
 header .wrap{max-width:1176px!important}
 main{max-width:1224px!important}
 .sf-grid,.sf-bottom div{max-width:1176px!important}
 header h1{font-size:clamp(40px,4.2vw,56px)!important}
}
@media(min-width:1000px){main>section:nth-of-type(2) .trio{grid-template-columns:1fr!important;gap:10px}main>section:nth-of-type(2) .trio .tile{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px}main>section:nth-of-type(2) .trio .tile strong{display:inline;white-space:nowrap}header h1{font-size:clamp(36px,3.5vw,50px)!important}}@media(min-width:1200px){header h1{font-size:clamp(40px,3.6vw,52px)!important}}@media(max-width:750px){header .hero-card .cta{display:block!important}.hero-meta{gap:5px!important}.hero-meta span{font-size:10.5px!important;padding:3px 8px!important;letter-spacing:0}.hero-card{margin-top:10px;padding:11px}.hero-card ul{margin-bottom:10px}}@media(max-width:750px){.hero-meta .chip-x{display:none}}@media(max-width:750px){main>section:nth-of-type(2) .trio{display:none}}@media print{.hero-card{display:none!important}main{display:block!important}}

:root{color-scheme:only light}header,footer.site-footer,.brandnav,.sf-grid{color-scheme:only light}.brandnav img,.sf-grid img{filter:none!important;-webkit-filter:none!important}
/* ===== Mobile first impression, chips, compact footer ===== */
.hero-lead .rest{display:inline}
@media(max-width:750px){
 /* chips: wrap, no sideways scroll */
 .hero-meta{flex-wrap:wrap!important;overflow:visible!important;margin:12px 0 12px!important;padding:0!important;gap:6px!important}
 .hero-meta span{white-space:normal!important;font-size:11.5px!important;padding:4px 10px!important;line-height:1.35}
 /* intro: first sentence only, rest behind Read more */
 header p.hero-lead{font-size:14.5px!important;line-height:1.55;margin:0 0 4px!important;display:block!important;-webkit-line-clamp:unset!important}
 header p.hero-lead .rest{display:none}
 header p.hero-lead.open .rest{display:inline}
 /* glance card becomes a compact stat grid + two actions on the first screen */
 .hero-card{display:block!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;margin-top:14px}
 .hero-card h2{display:none}
 .hero-card ul{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
 .hero-card li{display:flex;flex-direction:column;gap:0;color:#cbd5e1;font-size:11.5px;line-height:1.3}
 .hero-card li strong{color:#fff;font-size:16px;font-weight:800}
 .hc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .hc-actions .cta{width:100%;font-size:14px!important;padding:11px 8px!important;min-height:46px;line-height:1.2;text-align:center}
 .hero-row{display:block}
 header{padding-bottom:18px!important}
 body{font-size:15px}
 .panel p,.panel li{line-height:1.55}
 /* footer: compact; navy runs behind the fixed bottom bar instead of a light strip */
 body{padding-bottom:0!important}
 footer.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .sf-grid{display:block!important;padding:16px 20px 8px!important}
 .sf-grid>div:nth-child(1) img{height:26px;margin:0 0 8px}
 .sf-grid>div:nth-child(3) h4{display:none}
 .sf-grid>div:nth-child(3) ul{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px}
 .sf-grid>div:nth-child(3) li:first-child{flex-basis:100%}
 .sf-bottom{padding:10px 20px!important;font-size:11px}
 .sf-bottom .sf-extra{display:none}
}

/* ===== Visual polish (all sizes, tuned for phones) ===== */
body{background:#f1f5f9}
.hl{background:linear-gradient(100deg,#f5c842 0%,#e8b923 55%,#f7d774 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
header{background-image:radial-gradient(circle at 92% 6%,rgba(212,160,23,.24) 0,transparent 34%),radial-gradient(ellipse 80% 60% at 20% 70%,rgba(30,58,138,.5) 0,transparent 70%)!important}
.ti{display:none}
.hero-card .cta .sm{display:none}
.panel{box-shadow:0 8px 24px rgba(13,27,62,.07)!important;border-color:#e2e8f0!important}
.panel p,.panel li{color:#334155}
.panel strong,.panel b{color:#0d1b3e}
.panel>h2:first-of-type:before,.panel>.note-label+h2:before{content:none}
@media(max-width:750px){
 body{background:#f1f5f9}
 header{border-radius:0 0 28px 28px;padding-bottom:22px!important;box-shadow:0 10px 30px rgba(13,27,62,.18)}
 header h1{font-size:28px!important;line-height:1.14;letter-spacing:-.015em;margin:2px 0 12px}
 .brandnav{border-bottom-color:rgba(255,255,255,.08)!important}
 .hero-meta span{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#dbe4f3!important;font-weight:600!important}
 header p.hero-lead{color:#cfd8e8!important;font-size:15px!important}
 .hero-more{color:#f5c842!important}
 /* stat card */
 .hero-card{background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;padding:14px!important;margin-top:14px!important;box-shadow:0 10px 30px rgba(0,0,0,.22)}
 .hero-card ul{gap:12px 14px!important;margin-bottom:14px!important}
 .hero-card li{border-left:2px solid rgba(245,200,66,.65);padding-left:10px;font-size:11.5px!important;color:#aebbd2!important}
 .hero-card li strong{color:#f5c842!important;font-size:17px!important;letter-spacing:-.01em}
 .hc-actions .cta{min-height:48px!important;font-size:14.5px!important;border-radius:12px!important;padding:10px 6px!important}
 .hero-card .cta .lg{display:none}
 .hero-card .cta .sm{display:inline}
 /* cards */
 .panel{border-radius:20px!important;padding:20px 18px!important;margin-bottom:16px!important;box-shadow:0 6px 20px rgba(13,27,62,.07)!important}
 .panel h2{font-size:21px!important;letter-spacing:-.01em}
 .panel h2:after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:#d4a017;margin-top:9px}
 .collapsible .chead:after{content:none}
 .panel p{font-size:15px}
 main{margin-top:18px!important}
 /* bottom bar with icons */
 #tabs{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px);border-radius:20px 20px 0 0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 28px rgba(13,27,62,.16)!important}
 #tabs button{min-height:54px!important;gap:3px!important;border-radius:14px!important;color:#64748b!important;font-size:11.5px!important;font-weight:600}
 #tabs .tn{display:none!important}
 #tabs .ti{display:block;width:22px;height:22px}
 #tabs .ti svg{width:22px;height:22px;display:block}
 #tabs button.on{background:#0d1b3e!important;color:#fff!important;box-shadow:0 6px 16px rgba(13,27,62,.3)}
 #tabs button.on .ti{color:#f5c842}
}

/* ===== Study modules accordion: smooth, one open at a time ===== */
#guide details{scroll-margin-top:84px;transition:border-color .25s,box-shadow .25s}
#guide details[open]{border-color:#d4a017;box-shadow:0 6px 18px rgba(212,160,23,.14)}
#guide summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
#guide summary::-webkit-details-marker{display:none}
#guide summary::marker{content:""}
#guide summary:after{content:"";flex:none;width:9px;height:9px;margin:0 4px 3px 0;border-right:2px solid #0f2b62;border-bottom:2px solid #0f2b62;transform:rotate(45deg);transition:transform .28s ease}
#guide details[open]>summary:after{transform:rotate(-135deg);margin-bottom:-3px}
#guide .guide-detail{will-change:height,opacity}
@media(max-width:750px){#guide details{scroll-margin-top:12px}}
@media(prefers-reduced-motion:reduce){#guide *{transition:none!important}}

/* ===== Info cards ===== */.row,.reference-grid{counter-reset:ti}.row>.tile,.reference-grid>.tile{counter-increment:ti;position:relative;overflow:hidden;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:18px 18px 18px 22px!important;box-shadow:0 2px 10px rgba(13,27,62,.06);color:#475569;font-size:15px;line-height:1.6;transition:transform .2s,box-shadow .2s,border-color .2s}.row>.tile:before,.reference-grid>.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f5c842,#d4a017)}.row>.tile:hover,.reference-grid>.tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(13,27,62,.12);border-color:#e8c25a!important}.row>.tile h3,.reference-grid>.tile h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:17px;line-height:1.3;color:#0d1b3e}.row>.tile h3:before,.reference-grid>.tile h3:before{content:counter(ti);flex:none;width:28px;height:28px;border-radius:50%;background:#0d1b3e;color:#f5c842;font-size:13px;font-weight:800;display:grid;place-items:center}@media(max-width:750px){.row>.tile,.reference-grid>.tile{padding:16px 16px 16px 20px!important}.row>.tile:hover,.reference-grid>.tile:hover{transform:none}}@media(prefers-reduced-motion:reduce){.row>.tile,.reference-grid>.tile{transition:none}}
.flow-step,.readiness-steps div,.trio .tile{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(13,27,62,.06)}.flow-step{border-top:3px solid #d4a017!important}.flow-step small{color:#b07c10!important}.flow-step strong{color:#0d1b3e}.trio .tile strong{color:#0d1b3e!important}.trio .tile{border-left:4px solid #d4a017!important}.quality-bar{border-radius:14px!important}
.panel p,.guide-intro,.guide-detail p,.guide-detail li,.aside,.row>.tile,.reference-grid>.tile,header .hero-lead,.revision-plan p,.review p,.completion p,#privacyNotice{text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal}.hero-card,.hero-card *,.hc-actions,.cta,.tabnext,.guidebar,.chead,.score-hero p{text-align:inherit;hyphens:manual}@media print{.panel p,.guide-intro,.guide-detail p,.guide-detail li,.aside,.row>.tile,.reference-grid>.tile,header .hero-lead,.revision-plan p,.review p,.completion p,#privacyNotice{text-align:left}}
@media(max-width:750px){.aside{padding:12px 13px!important;font-size:14.5px}.guide-intro{padding:14px 14px!important}.panel p,.aside,.guide-detail p{word-spacing:-.02em}}
.staging-banner{background:#fdf8e1;padding:12px 24px;text-align:center;color:#0d1b3e;font-weight:700} [hidden]{display:none!important} #questions .question{display:block!important} table{border-collapse:collapse;width:100%;font-size:14px} th,td{padding:10px;text-align:left;border-bottom:1px solid #dfe6ee} .table-scroll{overflow-x:auto} #result{scroll-margin-top:80px}
.preview{background:#fff3c8;padding:10px 20px;text-align:center;font-size:14px}main{max-width:1100px;margin:20px auto;padding:0 18px}.field{display:block;margin:12px 0}.field input{display:block;width:100%;padding:12px;border:1px solid #c9d5e2;border-radius:8px} .choice{display:block;padding:10px;border:1px solid #dfe6ee;border-radius:8px;margin:7px 0}fieldset{border:1px solid #dfe6ee;border-radius:12px;padding:20px;margin:20px 0}legend{font-weight:700}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.wrong{border-left:4px solid #b94436}.right{border-left:4px solid #2d8361}.review{padding:18px;margin:12px 0;background:#f5f7fb}#status{white-space:pre-line}.result-title{color:#173d68}[hidden]{display:none!important}nav button{padding:12px 20px}a{color:#174c83}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}@media(max-width:600px){header{padding:22px 18px}h1{font-size:30px!important}.panel{padding:18px}fieldset{padding:12px}table{font-size:13px}}
button{font:inherit;font-weight:650;border:1px solid #193964;border-radius:9px;background:#15335c;color:white;padding:12px 20px;line-height:1.4}button:hover{background:#254d80}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d4a017;outline-offset:3px}nav button{background:white;color:#15335c}nav button[aria-current=page]{background:#15335c;color:white}#result details{padding:18px;border:1px solid #dfe6ee;border-radius:12px;margin:14px 0}#result summary{font-weight:650;cursor:pointer}.guide{padding:18px 0;border-bottom:1px solid #e2e8f0;scroll-margin-top:20px}.topic{font-size:13px;color:#52657d}.option:has(input:checked){background:#eef3fb;border-color:#234d7c}.option input{accent-color:#15335c}#result>.row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}#result .tile h3:before{display:none}#result small{overflow-wrap:anywhere}

.eyebrow{color:#8c671d!important;letter-spacing:.12em;font-size:12px!important;font-weight:800}.lead{font-size:18px;line-height:1.8}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 40px}.facts>div{padding:20px;background:#f0f4fa;border-radius:12px;border-top:3px solid #d4a017}.facts strong,.facts span{display:block}.facts strong{color:#15335c;margin-bottom:8px}.facts span{font-size:14px;line-height:1.6}#overview h2:not(:first-of-type){margin-top:44px}.callout,.practice{padding:22px 26px;background:#fff9e9;border-left:4px solid #d4a017;border-radius:0 12px 12px 0;margin:28px 0}.journey{padding-left:26px}.journey li{padding:10px 0 10px 8px;line-height:1.7}.source-note{display:block;font-size:13px!important;color:#64748b!important;line-height:1.6}#moduleIndex{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 32px}#moduleIndex a{padding:12px 16px;border:1px solid #dce4ef;border-radius:8px;text-decoration:none;background:#f7f9fc;font-size:14px}#moduleIndex a:hover{border-color:#b38a31;background:#fff9e9}.guide{border:1px solid #dce4ef;border-radius:12px;padding:0;margin:14px 0;overflow:hidden}.guide>summary{display:flex;align-items:center;gap:16px;padding:22px;cursor:pointer;font-size:19px;font-weight:700;list-style:none;color:#15335c}.guide>summary::-webkit-details-marker{display:none}.guide>summary:after{content:"+";margin-left:auto;font-size:24px}.guide[open]>summary:after{content:"−"}.guide[open]>summary{background:#f0f4fa;border-bottom:1px solid #dce4ef}.module-number{color:#9b7629;font-size:14px;min-width:24px}.module-body{padding:8px 28px 26px;max-width:960px}.module-body h3{margin-top:28px;font-size:18px}.module-body p,.module-body li{line-height:1.85}.module-body li{padding:4px 0}.module-body .practice h3{margin-top:0}#moduleCount{font-size:14px;color:#64748b}@media(max-width:800px){.facts{grid-template-columns:1fr 1fr}#moduleIndex{grid-template-columns:1fr}.module-body{padding:4px 18px 22px}.guide>summary{font-size:17px;padding:18px}}@media(max-width:450px){.facts{grid-template-columns:1fr}.lead{font-size:16px}.callout,.practice{padding:18px}}

#overview p,#study p,#study li{text-align:left!important}.module-body .lead{font-size:17px}.guide summary:focus-visible{outline:3px solid #d4a017;outline-offset:-3px}

.document-links{display:flex;flex-wrap:wrap;gap:12px 20px;padding:20px;background:#f3f6fb;border:1px solid #dce4ef;border-radius:12px;margin:24px 0}.document-links strong,.document-links small{flex-basis:100%}.document-links small{line-height:1.6;color:#52657d}.essentials{background:#eff5fa;border-radius:10px;padding:8px 22px 16px;margin-top:22px}.module-references{border-top:1px solid #dce4ef;margin-top:24px;padding-top:16px}.module-references>summary{cursor:pointer;color:#52657d;font-size:14px}

/* GCC uses the same E-STEP controls; each programme view fills the content column. */
main>section.panel{grid-column:1/-1!important;min-width:0}
#tabs{width:100%}
#tabs button[aria-current="page"]{background:var(--navy)!important;color:#fff!important}
#questions .choice{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;white-space:normal}
#questions .choice span{flex:1;min-width:0}
#questions legend{padding:0 6px;font-size:18px;line-height:1.5;color:var(--navy);text-align:left}
#questions .topic{margin:6px 0 14px;text-align:left}
#questions fieldset{min-width:0;margin:24px 0;padding:20px}
#registration button{min-width:220px}
#result details p{text-align:left;margin:10px 0}
footer{background:var(--navy);color:#cbd5e1;border-radius:16px;padding:24px;margin-top:18px}
footer a{color:#f5c842}
@media(max-width:750px){#questions fieldset{padding:14px 12px}#questions legend{font-size:16px}#tabs button[aria-current="page"]{color:#fff!important}#registration button{width:100%}}