*{box-sizing:border-box}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#FFF9F1;--paper:#fff;--ink:#24202A;--dots:#FFB77280;--hd:#FFB772;--ft:#FFE16D}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#24202A;--paper:#312C38;--ink:#FFF9F1;--dots:#FFB77233;--hd:#FFB772;--ft:#312C38}}
:root[data-theme=dark]{--bg:#24202A;--paper:#312C38;--ink:#FFF9F1;--dots:#FFB77233;--hd:#FFB772;--ft:#312C38}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg) radial-gradient(var(--dots) 1.5px,transparent 1.6px) 0 0/18px 18px;color:var(--ink);font:600 1rem/1.5 Nunito,system-ui,sans-serif}
h1,h2,h3,b,.btn,.tag{font-family:"Lilita One","Arial Rounded MT Bold",Impact,sans-serif;font-weight:400}
[hidden]{display:none!important}
.wrap{max-width:980px;margin:auto;padding:16px}
.stripe{height:14px;background:linear-gradient(90deg,#75D1EF 33.33%,#FFE16D 33.33% 66.66%,#C6EE6A 66.66%);border-bottom:3px solid #24202A}
.top{border-bottom:3px solid #24202A;background:var(--hd) radial-gradient(#FFF9F11f 2px,transparent 2.2px) 0 0/16px 16px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:12px}
.brand{background:#fff;border:3px solid #24202A;border-radius:999px;padding:3px 14px;box-shadow:4px 4px 0 #24202A,6px 6px 0 #24202A;display:block;cursor:pointer;transform:rotate(-1.5deg)}
.brand img{height:34px;display:block}
@media(max-width:560px){.brand img{height:24px}.nav .btn{padding:6px 12px;font-size:1rem}.nav{flex-wrap:nowrap}.nav .row{flex-wrap:nowrap;margin:0;gap:8px}.brand{flex-shrink:1;min-width:0}.brand img{max-width:100%;height:auto;max-height:24px}.brand{padding:3px 10px}}
.btn{font-size:1.1rem;cursor:pointer;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:9px 18px;box-shadow:4px 4px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn:focus-visible,.sub:focus-visible,.card:focus-visible{outline:4px solid #75D1EF;outline-offset:3px}
.st{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink)}
.y{background:#FFB772;color:#24202A}.o{background:#75D1EF;color:#24202A}.t{background:#75D1EF;color:#24202A}.p{background:#FFE16D;color:#24202A}.b{background:#C6EE6A;color:#24202A}.w{background:#fff;color:#24202A}
.tag{display:inline-block;border:2px solid var(--ink);border-radius:99px;padding:0 10px;font-size:.9rem;transform:rotate(-3deg);background:var(--paper);color:var(--ink)}
.hero{display:grid;gap:22px;align-items:center;padding:10px 0 18px}
@media(min-width:700px){.hero{grid-template-columns:1.4fr 1fr}}
h1{font-size:clamp(2.5rem,10vw,4.4rem);line-height:1;margin:.3em 0;text-shadow:4px 4px 0 #FFB772}
h2{font-size:1.9rem;margin:.5em 0 .2em}
h3{font-size:1.3rem;margin:.6em 0 .2em}
.logo{background:#fff;border:3px solid var(--ink);border-radius:50%;box-shadow:6px 6px 0 var(--ink);width:min(260px,70vw);aspect-ratio:1;overflow:hidden;margin:auto;transform:rotate(4deg)}
.logo img{width:100%;display:block}
.ph{min-height:130px;border:3px dashed var(--ink);border-radius:14px;background:repeating-linear-gradient(45deg,transparent 0 10px,var(--dots) 10px 20px);display:grid;place-items:center;text-align:center;padding:10px;margin:12px 0}
.ph small{display:block;font-weight:800}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.ad{margin:18px 0;min-height:90px;border:2px dashed var(--ink);border-radius:10px;display:grid;place-items:center;font-size:.8rem;opacity:.7}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;padding:6px 6px 16px}
.sub{padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:1.2rem;text-align:left;min-height:110px;font-family:inherit}
button.sub{cursor:pointer}
.sub:nth-child(odd){transform:rotate(-1.2deg)}.sub:nth-child(even){transform:rotate(1.2deg)}
.opts{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 16px}
.on{background:#FFB772;color:#24202A}
.soon{padding:14px 18px;margin:10px 0}
.card{display:block;width:100%;min-height:190px;padding:20px;text-align:left;font:inherit;cursor:pointer;margin:12px 0}
.card small{opacity:.75;display:block}
.q{font-size:1.25rem;margin:.4em 0}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}
.pg{height:16px;border:3px solid var(--ink);border-radius:9px;overflow:hidden;margin:10px 0}
.pg i{display:block;height:100%;background:#C6EE6A}
.back{margin:6px 0}
.foot{background:var(--ft);border-top:3px solid #24202A;margin-top:20px;font-size:.9rem;text-align:center}
.soc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:6px 0 14px}
.soc a{text-decoration:none;font-size:1rem;padding:6px 14px}
.fl{display:flex;gap:4px 16px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.fl button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:6px}
.ph.has{padding:0;min-height:0;border-style:solid;overflow:hidden}
.ph img{width:100%;max-height:380px;object-fit:cover;display:block}
.fn{font-weight:600;opacity:.7;font-size:.75rem}
#su,#tl{flex-direction:column;align-items:flex-start;gap:14px}
#su .btn,#tl .btn{text-align:left;max-width:100%}
.wide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.lv{display:flex;gap:6px;flex-wrap:wrap}
.sub small{opacity:.8}
.qrow{flex-wrap:nowrap}.qrow .btn{flex:1 1 0;min-width:0}
@media(max-width:560px){.qrow{gap:8px}.qrow .btn{padding:9px 6px;font-size:.95rem;text-align:center}}
#ib{max-width:760px}#ib ul{padding-left:1.2em}#ib li{margin:.3em 0}#ib h3{margin:1.2em 0 .3em}
.col{flex-direction:column;align-items:flex-start;gap:14px}.col .btn{text-align:left;max-width:100%}
.tabs{margin:4px 0 16px}.tabs .btn,#at .btn{font-size:1rem;padding:7px 14px}
.small{font-size:.95rem;opacity:.9;max-width:760px}
.cwwrap{overflow-x:auto;padding:6px 6px 14px;margin:6px 0}.cwg{display:grid;gap:3px;width:max-content}
.cwx{width:var(--cs);height:var(--cs)}.cwc{position:relative;width:var(--cs);height:var(--cs)}
.cwc input{width:100%;height:100%;box-sizing:border-box;border:2px solid #24202A;border-radius:6px;background:#fff;color:#24202A;text-align:center;text-transform:uppercase;font:400 calc(var(--cs)*.52) "Lilita One","Arial Rounded MT Bold",Impact,sans-serif;padding:0;outline:none;caret-color:#24202A}
.cwc i{position:absolute;top:1px;left:3px;font:800 .6rem Nunito,sans-serif;font-style:normal;pointer-events:none;color:#24202A;z-index:1}
.cwc.on input{background:#FFE16D}.cwc.cur input{background:#FFB772}.cwc input:focus{box-shadow:0 0 0 3px #75D1EF}
.cwc.shown input{background:#75D1EF}.cwc.ok input{background:#C6EE6A}.cwc.bad input{background:repeating-linear-gradient(45deg,#FFB772 0 5px,#fff 5px 9px)}
.clues{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:10px 0}
.cl{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:6px 8px;border-radius:8px;cursor:pointer;margin:2px 0}.cl.act{background:#FFE16D;color:#24202A}
.cl .rs{font-weight:800}
.fdc{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin:12px 0}
.fdt{padding:18px;min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:6px}.fdt b{font-size:clamp(1.3rem,4vw,2rem);line-height:1.1}.fdt small{text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.fdto{font-family:"Lilita One",Impact,sans-serif;font-size:1.3rem}
@media(max-width:560px){.fdc{grid-template-columns:1fr;text-align:center}}
.route,.aslist{padding-left:1.3em;margin:8px 0}.route li,.aslist li{margin:.5em 0}.route p{margin:.1em 0}
.asb{position:relative;aspect-ratio:1.5/1;min-height:400px;margin:10px 0 18px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);background-image:radial-gradient(var(--dots) 1.5px,transparent 1.6px);background-size:18px 18px;overflow:hidden}
.asp{position:absolute;transform:translate(-50%,-50%);width:max-content;max-width:230px;padding:6px 10px;text-align:center;font-size:.95rem;z-index:2;display:flex;gap:6px;align-items:center;box-shadow:3px 3px 0 var(--ink)}
.asp span{overflow-wrap:break-word;min-width:0}.asp em{flex:none;font-style:normal;font-family:"Lilita One",Impact,sans-serif;background:#fff;color:#24202A;border:2px solid #24202A;border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center;font-size:.8rem}
.asl{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.asl path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.asl path.hi{stroke:#FFB772;stroke-width:5}.asl.ontop{z-index:4;pointer-events:none}.asl.ontop path.hi{opacity:1}.asl path.dim,.asn.dim,.asp.dim{opacity:.35}.asp.on{outline:4px solid #75D1EF;outline-offset:2px}
.asn{position:absolute;transform:translate(-50%,-50%);z-index:5;background:#FFE16D;color:#24202A;border:2px solid #24202A;border-radius:50%;width:26px;height:26px;padding:0;cursor:pointer;display:grid;place-items:center;font:800 .75rem Nunito,sans-serif}.asn.sel{background:#FFB772;box-shadow:0 0 0 3px #75D1EF}
.asn:focus-visible{outline:3px solid #75D1EF}
@media(max-width:920px){.asb{aspect-ratio:1/1.2;min-height:560px}.asp{max-width:50%;font-size:.88rem}}
@media(max-width:560px){.asb{aspect-ratio:5/11;min-height:0}.asp{padding:5px 8px;font-size:.82rem}.asn{width:28px;height:28px}}
a.nl{text-decoration:none;color:var(--ink)}
.mf{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.15;margin:0 .15em;font-size:.92em}
.mf>span{padding:0 .2em}
.mf>span:first-child{border-bottom:.09em solid currentColor}
sup .mf{font-size:.8em;margin:0 .05em}
sup:has(.mf){line-height:0}
.mv{display:inline-flex;align-items:stretch;vertical-align:middle;margin:0 .2em}
.mc{display:inline-flex;flex-direction:column;text-align:center;line-height:1.2;font-size:.9em;padding:0 .12em}
.mb{display:block;width:.4em;border:.09em solid currentColor;border-right:0;border-radius:.7em 0 0 .7em}
.mb.r{border:.09em solid currentColor;border-left:0;border-radius:0 .7em .7em 0}
#tr:empty{display:none}
.cc[hidden],.ccm[hidden]{display:none}
.cc{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:900px;margin:0 auto;padding:14px 16px;animation:ccin .3s ease-out}
@keyframes ccin{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.cc h2,.ccp h2{font-size:1.25rem;margin:0 0 4px;line-height:1.2}
.cc p,.ccp p{margin:0 0 10px;font-size:.95rem;line-height:1.45}
.cc p a,.cc p button,.ccp p button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.ccb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ccb .btn{flex:none;width:100%;margin:0;text-align:center;font-size:1rem;padding:9px 8px}
.ccb .btn.go{background:#FFB772;color:#24202A}
.ccm{position:fixed;inset:0;z-index:70;background:rgba(36,32,42,.65);display:grid;place-items:center;padding:12px;overflow:auto}
.ccp{width:100%;max-width:580px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:18px}
.ccr{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 0;border-top:2px dashed var(--ink)}
.ccr label{flex:1;cursor:pointer}
.ccr b{display:block;font-family:"Lilita One","Arial Rounded MT Bold",Impact,sans-serif;font-weight:400;font-size:1.05rem}
.ccr span{display:block;font-size:.9rem;line-height:1.4;opacity:.9}
.sw{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:68px;height:34px;border:3px solid var(--ink);border-radius:20px;background:var(--paper);cursor:pointer;margin:0}
.sw::before{content:"OFF";position:absolute;right:8px;top:50%;transform:translateY(-50%);font:800 .65rem Nunito,Arial,sans-serif;color:var(--ink)}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:transform .15s}
.sw:checked{background:#C6EE6A}
.sw:checked::before{content:"ON";left:9px;right:auto;color:#24202A}
.sw:checked::after{transform:translateX(34px);background:#24202A}
.sw:disabled{opacity:.75;cursor:not-allowed}
.sw:focus-visible{outline:4px solid #75D1EF;outline-offset:3px}
.ccp .ccb{margin-top:6px;padding-top:12px;border-top:2px dashed var(--ink)}
@media(max-width:560px){.cc{left:8px;right:8px;bottom:8px;padding:12px}.cc h2{font-size:1.1rem}.cc p{font-size:.88rem;margin-bottom:8px}.ccb{grid-template-columns:1fr 1fr;gap:8px}.ccb [data-cc=reject]{order:1}.ccb [data-cc=accept]{order:2}.ccb [data-cc=manage]{order:3;grid-column:1/-1}.ccp .ccb [data-cc=save]{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.cc{animation:none}.sw::after{transition:none}}
@media print{.cc,.ccm{display:none!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* ===== Multi-page additions (Nov 2026) ===== */
a{color:inherit}
a.btn,a.tag{text-decoration:none;display:inline-block}
.brand{text-decoration:none}
.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:#fff;color:#24202A;padding:8px 14px;border:3px solid #24202A;border-radius:10px}
.skip:focus{left:8px}
.crumbs{font-size:.92rem;margin:4px 0 6px}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:2px 6px}
.crumbs li+li::before{content:"›";margin-right:6px;opacity:.7}
.crumbs a{text-decoration:underline}
.crumbs [aria-current]{opacity:.85}
.eyebrow{display:inline-block;margin:6px 0 0}
h1.pg-h{font-size:clamp(2rem,7vw,3.2rem);text-shadow:3px 3px 0 #FFB772;margin:.25em 0}
.lead{font-size:1.05rem;max-width:760px}
.sub h3,.sub h2{margin:0;font-size:1.3rem}
.sub ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.sub .tag{transform:none;font-size:1rem;padding:2px 10px}
.sub .tag:hover,.sub .tag:focus-visible{background:#FFE16D;color:#24202A}
a.sub{text-decoration:none}
.tlist{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}
.tlist a{display:block;text-decoration:none;padding:12px 16px}
.tlist a b{display:block;font-size:1.15rem}
.tlist a small{opacity:.8}
.tlist a:hover,.tlist a:focus-visible{background:#FFE16D;color:#24202A}
.study{margin:18px 0 8px;padding:14px 16px 6px}
.study .tabs{margin:2px 0 10px}
.study .tabs .btn[aria-pressed=true]{background:#FFB772;color:#24202A}
.tier{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}
.tier .btn[aria-pressed=true]{background:#FFB772;color:#24202A}
.qa-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.qa-list{padding-left:0;list-style:none;margin:12px 0;display:grid;gap:14px}
.qa{padding:14px 16px;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink)}
.qa-m{margin:0;font-size:.85rem;opacity:.8}
.qa-q{margin:.3em 0;font-size:1.12rem;font-weight:800}
.qa-a{border-top:2px dashed var(--ink);padding-top:8px;margin-top:6px}
.qa-l{font-size:.95rem;margin-right:4px}
.qa-t{display:inline}
.hide-a .qa:not(.show) .qa-a{display:none}
.qa .reveal{display:none;margin-top:6px;font-size:.95rem;padding:5px 12px}
.hide-a .qa:not(.show) .reveal{display:inline-block}
.qa.tier-hidden{display:none}
.nav-pn{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:14px 0}
.nav-pn a{max-width:100%}
.more{columns:2 260px;padding-left:1.2em}
.more li{margin:.25em 0;break-inside:avoid}
.ad-slot{display:block;margin:32px 0;min-height:300px;text-align:center}
.ad-slot .ad-l{display:block;font-size:.75rem;opacity:.7;margin-bottom:4px}
.fl a{padding:6px}
.fl button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:6px}
figure.ph{margin:12px 0}
figure.fig{margin:10px 0}
figure.fig img{width:100%;height:auto;max-height:380px;object-fit:contain;border:3px solid var(--ink);border-radius:14px;background:#fff}
.card .q{display:block}
.prose{max-width:760px}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}.prose h2{font-size:1.4rem;margin:1.2em 0 .3em}
.news a{text-decoration:none}
@media(max-width:560px){.qa{padding:12px}.qa-q{font-size:1.05rem}.study{padding:12px 10px 4px}}
@media print{.study,.ad-slot,.top,.foot,.tier,.qa .reveal,#qa-toggle{display:none!important}.qa{box-shadow:none;break-inside:avoid}.hide-a .qa .qa-a{display:block!important}}
/* keep logos in proportion (width/height attributes are only for layout reservation) */
.logo img{height:auto;aspect-ratio:1/1;object-fit:contain}
.brand img{width:auto;max-width:100%}
/* colour restored (4 Nov): no white panel, coloured question cards and topic buttons */
.study{background:none;border:0;box-shadow:none;padding:4px 0 0;margin:18px 0 8px}
.qa.o,.qa.b,.qa.p,.qa.y{color:#24202A;border-color:#24202A;box-shadow:4px 4px 0 #24202A}
.qa.o .qa-a,.qa.b .qa-a,.qa.p .qa-a,.qa.y .qa-a{border-top-color:#24202A}
.qa.o .qa-m,.qa.b .qa-m,.qa.p .qa-m,.qa.y .qa-m{opacity:.85}
.pills{list-style:none;padding:0;margin:10px 0 18px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pills .btn{text-align:left;max-width:100%;font-size:1.05rem}
.pills .btn.on{cursor:default}
.tlist a.st{color:#24202A}
.qa.o{background:#75D1EF}.qa.b{background:#C6EE6A}.qa.p{background:#FFE16D}.qa.y{background:#FFB772}