:root{--gold:var(--brand);--bg:#fff;--bg2:#FFFBEB;--ink:#14213D;--ink-2:#2E3A57;--muted:#59587A;--line:#F0DDA0;--line-2:#E0C45A;--brand:#FFC21A;--brand-ink:#14213D;--tint:#FFF1BD;--on-brand:#14213D;--focus:#14213D;
--ok:#14532D;--okbg:#D1FAE5;--wait:#7C2D12;--waitbg:#FFEDD5;--r:22px;--rs:14px;--fd:"Inter Display",Inter,system-ui,sans-serif;--fb:Inter,system-ui,sans-serif;--navy:#14213D}
:root[data-theme=dark]{--gold:var(--brand);--bg:#0D1324;--bg2:#141B31;--ink:#F5F1E3;--ink-2:#DAD5C0;--muted:#A9A58E;--line:#2A3150;--line-2:#454E78;--brand:#FFC21A;--brand-ink:#FFD866;--tint:#2B2A22;--on-brand:#14213D;--ok:#86EFAC;--okbg:#14301E;--wait:#FDBA74;--waitbg:#3A1E0A;--focus:#FFD866;--navy:#070B18}

*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.55 var(--fb);-webkit-font-smoothing:antialiased}
a{color:inherit}img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.row{display:flex;align-items:center;gap:24px}
.top{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}
.top .row{height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.0625rem var(--fd);letter-spacing:-.02em}
.mk{width:30px;height:30px;border-radius:var(--rs);background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font:800 1rem var(--fd)}
.wm i{font-style:normal;color:var(--muted);font-weight:500}
.nav{margin-left:auto;display:flex;gap:22px;font-size:.9375rem;font-weight:500}
.nav a{text-decoration:none;color:var(--ink-2)}.nav a:hover{color:var(--brand-ink)}
.theme{background:none;border:1px solid var(--line);color:var(--ink);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem}
.st{display:inline-block;font:600 .75rem/1 var(--fb);padding:5px 8px;border-radius:99px;letter-spacing:.01em;white-space:nowrap}
.st.ok{background:var(--okbg);color:var(--ok)}.st.wait{background:var(--waitbg);color:var(--wait)}.st.plan{background:var(--tint);color:var(--brand-ink)}
.ad{margin:40px 0;min-height:110px;border:1px dashed var(--line);background:var(--bg2);border-radius:var(--r);display:grid;place-content:center;text-align:center;color:var(--muted);gap:4px}
.ad span{font:600 .75rem var(--fb);letter-spacing:.12em;text-transform:uppercase}.ad small{font-size:.75rem}
.foot{border-top:1px solid var(--line);margin-top:56px;padding:32px 0 48px;color:var(--muted);font-size:.875rem}
.foot .fl{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:14px}.foot a{color:var(--ink-2);text-decoration:none;font-weight:500}
.foot p{max-width:62ch;margin-top:6px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:var(--on-brand);text-decoration:none;font-weight:600;padding:12px 18px;border-radius:var(--rs);border:0;cursor:pointer;font-size:1rem}
.eyebrow{font:600 .8125rem var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}
select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--rs);padding:12px 14px;width:100%}
.res{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg);font-weight:600}
.res b{width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--brand-ink);display:grid;place-items:center;font-size:.8125rem}
.res em{margin-left:auto;font-style:normal;color:var(--brand-ink)}.res:hover{border-color:var(--brand)}
[data-out]{display:grid;gap:8px}
h1,h2,h3{font-family:var(--fd);letter-spacing:-.02em;line-height:1.08}
.sec{padding:56px 0}.sec h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:6px}.sec .sub{color:var(--muted);margin-bottom:28px;max-width:60ch}
@media (max-width:760px){.nav{display:none}.theme{margin-left:auto}.wrap{padding:0 16px}.sec{padding:40px 0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.hero{background:var(--bg2);background-image:radial-gradient(var(--line-2) 1.3px,transparent 1.4px);background-size:22px 22px;color:var(--ink);padding:64px 0 76px;position:relative}
.hero h1{font-size:clamp(2.6rem,7vw,5.6rem);font-weight:850;letter-spacing:-.045em;line-height:.96;max-width:12ch}
.hero h1 em{font-style:normal;background:var(--navy);color:var(--gold);padding:0 .14em;border-radius:.14em;white-space:nowrap}
.hero p.lead{font-size:1.25rem;max-width:40ch;margin-top:22px;color:var(--ink-2)}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.pick{background:var(--bg);color:var(--ink);border-radius:var(--r);padding:28px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--brand)}
.pick h2{font-size:1.25rem;margin-bottom:14px}.pick small{display:block;font-weight:650;margin-bottom:8px;color:var(--ink-2)}
.chipset{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip{font:600 .9375rem var(--fb);padding:10px 16px;border-radius:99px;border:2px solid var(--ink);background:var(--bg);color:var(--ink);cursor:pointer}
.chip[aria-pressed=true]{background:var(--navy);color:var(--brand);border-color:var(--navy)}
.finder .res{border:2px solid var(--ink);border-radius:var(--rs)}.res b{background:var(--gold);color:#0F1230}
.poster{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.poster .wrap{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;padding-top:48px;padding-bottom:84px}
.poster .days{display:block;font:850 clamp(7rem,19vw,15rem)/.8 var(--fd);letter-spacing:-.07em;color:var(--gold)}
.poster h2{font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:850;letter-spacing:-.035em;line-height:1.04}
.poster p{color:#D6DBFF;margin-top:12px;max-width:48ch;font-size:1.125rem}
.facts{display:flex;gap:0;margin-top:24px;border:2px solid #ffffff55;border-radius:var(--rs);overflow:hidden;flex-wrap:wrap}
.facts div{padding:14px 20px;border-right:2px solid #ffffff55;flex:1;min-width:110px}.facts div:last-child{border:0}.facts b{display:block;font:850 1.7rem var(--fd);letter-spacing:-.04em;color:var(--gold)}.facts span{font-size:.8125rem;color:#D6DBFF}
.poster .btn{margin-top:22px;background:var(--gold);color:#0F1230}
.stubs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:-34px;position:relative;z-index:2}
.stub{background:var(--bg);border:2px solid var(--ink);border-radius:var(--r);padding:16px;text-decoration:none;display:grid;gap:8px;position:relative;transition:transform .2s,box-shadow .2s}
.stub:before,.stub:after{content:"";position:absolute;top:56px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--ink)}
.stub:before{left:-10px;clip-path:inset(0 0 0 50%)}.stub:after{right:-10px;clip-path:inset(0 50% 0 0)}
.stub b{font:850 1.5rem var(--fd);letter-spacing:-.04em}.stub .dt{border-top:2px dashed var(--line-2);margin-top:14px;padding-top:12px;font-size:.875rem;color:var(--ink-2)}
.stub:hover{background:var(--tint)}
.stub .m{display:none;position:absolute;top:-12px;right:12px;background:var(--gold);color:#0F1230;font:700 .6875rem var(--fb);padding:4px 8px;border-radius:99px;letter-spacing:.03em}
.stub.match{transform:translateY(-6px);box-shadow:0 14px 28px -14px rgb(0 0 0/.45);background:var(--tint)}.stub.match .m{display:block}
.course{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;background:var(--bg2);border:2px solid var(--ink);border-radius:var(--r);padding:32px}
.course h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:850;letter-spacing:-.035em;margin-bottom:8px}.course p{color:var(--ink-2)}
.les{display:grid;gap:8px}.l{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--rs);background:var(--bg);border:1.5px solid var(--line-2);font-weight:600}
.l i{font-style:normal;margin-left:auto;font-size:.8125rem;font-weight:600;color:var(--brand-ink)}.l.lock{background:repeating-linear-gradient(135deg,var(--bg),var(--bg) 8px,var(--bg2) 8px,var(--bg2) 16px);color:var(--muted)}.l.lock i{color:var(--muted)}
.l b{width:26px;height:26px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-size:.8125rem}.l.lock b{background:var(--line-2)}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feat a{border:2px solid var(--ink);border-radius:var(--r);padding:20px;text-decoration:none;display:grid;gap:10px;align-content:start}.feat b{font:800 1.2rem/1.2 var(--fd);letter-spacing:-.02em}
.trustbar{background:var(--navy);color:#fff;border-radius:var(--r);padding:20px 26px;display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;margin-top:36px}.trustbar b{color:var(--gold)}
@media (max-width:900px){.hgrid{grid-template-columns:1fr;gap:32px}.hero{padding:40px 0 48px}.pick{box-shadow:5px 5px 0 var(--brand);padding:22px}.poster .wrap{grid-template-columns:1fr;gap:12px}.stubs{grid-template-columns:1fr 1fr;margin-top:16px}.course{grid-template-columns:1fr;padding:22px}.feat{grid-template-columns:1fr}}

/* Shared guide pages and responsive refinements */
html{scroll-behavior:smooth;scroll-padding-top:24px}.skip{position:absolute;left:-10000px;z-index:20}.skip:focus{left:12px;top:10px;background:var(--brand);padding:12px;color:var(--on-brand)}
.stubs{grid-template-columns:repeat(3,1fr)}.hero .lead{font-size:1.15rem}.nav a:hover{text-decoration:underline}.top .row{gap:18px}.theme{flex-shrink:0}.section{max-width:1200px;margin:auto;padding:60px 24px}.guidehero{max-width:none;padding:60px max(24px,calc((100vw - 1152px)/2));background:var(--bg2);border-bottom:1px solid var(--line)}.guidehero h1{font-size:clamp(2.6rem,6vw,4.5rem);font-weight:850;max-width:1000px;margin:20px 0;letter-spacing:-.04em}.guidehero h1 em{font-style:normal;color:var(--ink)}.guidehero>p:not(.eyebrow){max-width:740px;color:var(--ink-2);font-size:1.1rem;margin-bottom:26px}.back{display:inline-block;margin-bottom:28px;font-size:.9rem}.button{display:inline-flex;gap:12px;align-items:center;background:var(--brand);color:var(--on-brand);font-weight:650;padding:12px 18px;border-radius:var(--rs);text-decoration:none}.guidebody{display:grid;grid-template-columns:190px 1fr;gap:50px;align-items:start}.guidebody aside{position:sticky;top:24px;display:grid;gap:16px;font-size:.9rem}.guidebody aside a{color:var(--ink-2);text-underline-offset:4px}.guidebody>div{max-width:810px}.guidebody section{margin-bottom:48px}.guidebody h2,.reading h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:20px}.guidebody h3,.reading h3{font-size:1.25rem;margin-bottom:12px}.guidebody p,.reading p{color:var(--ink-2);margin-bottom:18px}.contentblock{border-bottom:1px solid var(--line);padding:24px 0}.related,.actions{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.related a{font-weight:600;text-underline-offset:4px}.topiclist{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.topiclist li{padding:16px;border:1px solid var(--line-2);border-radius:var(--rs);background:var(--bg2)}.brief{background:var(--bg2);border:2px solid var(--ink);border-radius:var(--r);padding:25px;margin:28px 0}.brief .eyebrow{margin-bottom:16px}.brief small,.fine{color:var(--muted);font-size:.8rem}.source{border-top:1px solid var(--line);padding-top:28px}.source a{font-weight:600}details{border-block:1px solid var(--line);padding:20px 0}summary{font-weight:650;cursor:pointer}details p{padding-top:18px}.reading{max-width:900px}.reading>section{padding:12px 0 35px}.reading>h2:not(:first-child){margin-top:40px}.step-list{padding-left:24px;margin:24px 0 40px}.step-list li{padding:0 0 20px 10px;color:var(--ink-2)}.step-list li::marker{font-weight:800;color:var(--brand-ink)}.textlink{font-weight:600}.colour-demo{display:flex;gap:12px;margin:25px 0}.colour-demo span{flex:1;padding:40px 10px;color:#fff;border-radius:var(--rs);text-align:center;font-weight:650}.l{text-decoration:none}.finder-empty{font-size:.9rem;color:var(--muted);padding:12px;background:var(--bg2);border-radius:var(--rs)}.stubs .stub .dt{margin-top:8px}.course{margin-top:44px}.trustbar{font-size:.9rem}.foot .fl{row-gap:14px}
@media(max-width:900px){.nav{gap:16px}.stubs{grid-template-columns:repeat(2,1fr)}.guidebody{grid-template-columns:150px 1fr;gap:30px}.hero h1{max-width:13ch}.hgrid{gap:35px}}
@media(max-width:760px){.top .row{height:auto;min-height:64px;flex-wrap:wrap;padding-block:14px;gap:14px}.nav{display:flex;order:3;width:100%;margin:0;gap:20px;flex-wrap:wrap;font-size:.82rem}.theme{margin-left:auto}.logo{font-size:.95rem}.hero h1{font-size:clamp(2.7rem,11vw,5rem)}.poster .days{font-size:7rem}.poster .wrap{padding-bottom:50px}.facts div{padding:12px;min-width:45%;border-bottom:1px solid #ffffff55}.facts div:nth-child(2){border-right:0}.section{padding:40px 16px}.guidehero{padding:40px 16px}.guidebody{grid-template-columns:1fr;gap:30px}.guidebody aside{position:static;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.topiclist{grid-template-columns:1fr}.trustbar{gap:16px}.stubs{gap:12px}.stub{padding:14px}.stub b{font-size:1.25rem}.stub>span:not(.st):not(.m){font-size:.8rem}.pick{padding:20px}.chip{font-size:.85rem;padding:9px 12px}.colour-demo{gap:7px}.colour-demo span{font-size:.8rem;padding:30px 5px}}
@media(max-width:360px){.stubs{grid-template-columns:1fr}.nav{gap:13px}.chipset{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;padding-block:15px;font-size:.8rem;color:var(--muted)}.review-status{display:flex;align-items:center;gap:12px;padding-block:14px;font-size:.78rem;border-bottom:1px solid var(--line)}.review-status .st{flex-shrink:0}.copyright{padding-top:15px;font-weight:650}.guidebody aside{font-size:.85rem}@media(max-width:600px){.review-status{align-items:flex-start;font-size:.72rem}}

/* Homepage matches the supplied designentrance-home.html reference. */
.home .stubs{grid-template-columns:repeat(5,minmax(0,1fr))}.home .hero .lead{font-size:1.25rem}.home .hero h1{max-width:12ch}.home .course{margin-top:0}.home .poster-source{font-size:.75rem;color:#d6dbff;line-height:1.7;margin-top:18px}.poster-source a{text-underline-offset:3px}.home .trustbar{font-size:1rem}.home .stub .dt{margin-top:14px}.reference-spacer{height:56px}.home .l{min-width:0}.home .l i{white-space:nowrap}.home .l.lock{font-size:.95rem}.home .l.lock i{font-size:.7rem}.home .hero .pick{min-width:0}.home .res span{min-width:0}.home .stub.match{box-shadow:0 14px 28px -14px rgb(0 0 0/.45)}
@media(max-width:900px){.home .stubs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.home .poster .wrap{padding-bottom:56px}.home .hgrid{gap:32px}.home .poster .days{font-size:clamp(7rem,19vw,15rem)}.home .course{padding:22px}}
@media(max-width:760px){.home .nav{display:none}.home .top .row{height:64px;min-height:64px;padding-block:0;flex-wrap:nowrap}.home .hero h1{font-size:clamp(2.6rem,7vw,5.6rem)}.home .hero .lead{font-size:1.12rem}.home .stub{padding:16px}.home .stub b{font-size:1.5rem}.home .stub>span:not(.st):not(.m){font-size:.875rem}.home .facts div{min-width:110px;padding:14px 20px;border-bottom:0}.home .facts div:nth-child(2){border-right:2px solid #ffffff55}.home .l{font-size:.88rem;gap:9px;padding:12px}.home .l b{flex-shrink:0}.home .l i{font-size:.72rem}.reference-spacer{height:38px}}
@media(max-width:370px){.home .stubs{grid-template-columns:1fr}.home .l{flex-wrap:wrap}.home .logo{font-size:.87rem}}