@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.woff2) format("woff2")}
:root{--navy:#081c2c;--navy2:#0c2b40;--teal:#0d4f5f;--y:#ffd21f;--g:#39e27a;--gd:#0f8a43;--ink:#14212b;--mut:#56636e;--bg:#f4f7f9;--card:#fff;--line:#dfe6ec;--soft:#e9f2f5;--ok:#15803d;--okbg:#e7f7ec;--bad:#c62828;--badbg:#fdeaea;--link:#07677f;--hd:#081c2c;--sh:0 1px 2px rgba(8,28,44,.06),0 4px 14px rgba(8,28,44,.06)}
[data-theme=dark]{--ink:#e6eef3;--mut:#a3b3bf;--bg:#07131d;--card:#0e2131;--line:#1f3a4f;--soft:#12304a;--okbg:#0f3320;--badbg:#3a1414;--link:#7fd8ec;--hd:#fff;--ok:#4ade80;--bad:#f87171}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;font:16.5px/1.68 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;color:var(--ink);background:var(--bg)}
body.big{font-size:18.5px}
h1,h2,h3,.btn,.brand b,.kick,.tabs button,.num{font-family:Poppins,system-ui,sans-serif}
h1{font-size:clamp(1.55rem,4.4vw,2.35rem);line-height:1.22;margin:.25em 0 .35em;color:var(--hd)}
h2{font-size:clamp(1.2rem,3.2vw,1.55rem);line-height:1.3;color:var(--hd);margin:1.7em 0 .6em}
h3{font-size:1.04rem;line-height:1.4;margin:0 0 .3em;color:var(--hd)}
a{color:var(--link)}img,svg{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}.narrow{max-width:780px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.hi{font-family:"Noto Sans Devanagari",system-ui,sans-serif}
/* header */
.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;border-bottom:3px solid var(--y)}
.bar{display:flex;align-items:center;gap:12px;min-height:62px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-right:auto}
.brand img{border-radius:50%;width:40px;height:40px}.brand b{font-size:1.02rem;line-height:1.1}.brand small{display:block;font-size:.7rem;color:var(--g);font-weight:600;letter-spacing:.03em}
.nav{display:flex;gap:4px;align-items:center}.nav a{color:#dfe9f0;text-decoration:none;font-size:.92rem;padding:8px 10px;border-radius:8px}.nav a:hover,.nav a[aria-current]{color:var(--y);background:rgba(255,255,255,.06)}
.tools{display:flex;gap:6px}.tbtn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:8px;min-width:40px;height:38px;padding:0 9px;font:600 .85rem system-ui;cursor:pointer}
.tbtn:hover{border-color:var(--y)}
.mbtn{display:none}
@media(max-width:900px){.nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--navy2);flex-direction:column;align-items:stretch;padding:8px 12px 14px;border-bottom:3px solid var(--y)}.nav.open{display:flex}.nav a{padding:12px}.mbtn{display:inline-block}}
.bnav{display:none}
@media(max-width:700px){.bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--navy);border-top:2px solid var(--y);justify-content:space-around;padding:4px 0 calc(4px + env(safe-area-inset-bottom))}.bnav a{color:#dbe6ee;text-decoration:none;font-size:.7rem;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;min-width:58px}.bnav a span{font-size:1.15rem;line-height:1.2}.bnav a[aria-current]{color:var(--y)}body{padding-bottom:64px}}
/* common */
.crumbs{font-size:.84rem;color:var(--mut);padding:14px 0 0}.crumbs a{color:var(--mut)}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.crumbs li+li:before{content:"›";margin:0 5px 0 2px;opacity:.6}
.kick{color:var(--teal);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin:8px 0 0}[data-theme=dark] .kick{color:var(--g)}
.h1hi{display:block;font-family:"Noto Sans Devanagari",system-ui,sans-serif;font-weight:600;font-size:.6em;line-height:1.6;color:var(--teal);margin-top:4px}[data-theme=dark] .h1hi{color:var(--y)}
.lead{font-size:1.06rem;color:var(--ink);opacity:.92}.mut{color:var(--mut)}.small{font-size:.88rem}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--y);color:#081c2c;font-weight:600;text-decoration:none;padding:11px 18px;border-radius:12px;margin:4px 6px 4px 0;border:2px solid var(--y);cursor:pointer;font-size:.95rem;line-height:1.2}
.btn:hover{filter:brightness(.96)}.btn.ghost{background:transparent;color:var(--hd);border-color:var(--line)}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn.sm{padding:7px 12px;font-size:.85rem;border-radius:10px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.chip{display:inline-block;background:var(--soft);color:var(--teal);font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:20px;margin:0 4px 4px 0}[data-theme=dark] .chip{color:var(--g)}
.chip.y{background:#fff4c2;color:#5c4800}.chip.g{background:var(--okbg);color:var(--ok)}.chip.r{background:var(--badbg);color:var(--bad)}.chip.n{background:transparent;border:1px solid var(--line);color:var(--mut)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.g4{grid-template-columns:repeat(2,1fr)}}
a.card{text-decoration:none;color:var(--ink);display:block;transition:transform .12s,border-color .12s}a.card:hover{border-color:var(--teal);transform:translateY(-1px)}
.card .num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--navy);color:var(--y);font-weight:700;font-size:1.15rem}
.card b{display:block;font-size:1.05rem;margin-top:8px;color:var(--hd)}.card em{font-style:normal;color:var(--mut);font-size:.86rem;display:block}
.sec{padding:8px 0 10px}
.note{background:var(--soft);border-left:4px solid var(--teal);padding:12px 14px;border-radius:10px;font-size:.93rem;margin:14px 0}.note.y{border-color:var(--y);background:#fff8d6;color:#3d3200}[data-theme=dark] .note.y{background:#2b2606;color:#f6e7a6}
/* hero */
.hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(57,226,122,.18),transparent),linear-gradient(135deg,#081c2c 0%,#0c3446 60%,#0d4f5f 100%);color:#fff;padding:34px 0 40px}
.hero h1{color:#fff;font-size:clamp(1.75rem,5.2vw,2.85rem)}.hero h1 em{font-style:normal;color:var(--y)}.hero .lead{color:#d5e3ec;max-width:640px}.hero .kick{color:var(--g)}
.hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.hgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center}@media(max-width:820px){.hgrid{grid-template-columns:1fr}}
.picker{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px}
.picker h2{color:#fff;font-size:1.05rem;margin:0 0 10px}
.seg{display:flex;gap:6px;background:rgba(0,0,0,.25);padding:4px;border-radius:12px;margin-bottom:12px}.seg button{flex:1;border:0;border-radius:9px;padding:10px;background:transparent;color:#cfe0ea;font:600 .9rem Poppins,system-ui;cursor:pointer}.seg button[aria-pressed=true]{background:var(--y);color:#081c2c}
.cls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cls a{display:block;text-align:center;background:#fff;color:#081c2c;border-radius:12px;padding:12px 4px;text-decoration:none;font:700 1.25rem Poppins,system-ui}.cls a small{display:block;font:500 .7rem system-ui;color:#56636e}
.cls a:hover{outline:3px solid var(--g)}
.stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;color:#cfe0ea;font-size:.88rem}.stats b{color:var(--y);font:700 1.15rem Poppins;display:block}
/* lists */
.chlist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.chlist li a,.chlist li>div{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px;text-decoration:none;color:var(--ink)}
.chlist li a:hover{border-color:var(--teal)}
.chlist .n{flex:0 0 34px;height:34px;border-radius:9px;background:var(--soft);display:grid;place-items:center;font:700 .9rem Poppins;color:var(--teal)}
.chlist .t{flex:1;min-width:0}.chlist .t small{display:block;color:var(--mut);font-size:.83rem}
.chlist .soon{opacity:.75}
.prog{font-size:.75rem;font-weight:700;color:var(--ok)}
details.sub{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0 0 10px}details.sub>summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;display:flex;gap:10px;align-items:center}
details.sub>summary::-webkit-details-marker{display:none}details.sub>summary:after{content:"+";margin-left:auto;font-size:1.3rem;color:var(--mut)}details.sub[open]>summary:after{content:"–"}
details.sub .in{padding:0 16px 14px}
.sub ol{margin:6px 0 10px;padding-left:22px}.sub ol li{margin:2px 0}
/* chapter */
.chhead{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}
.layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}
.toc{position:sticky;top:80px;font-size:.88rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}
.toc b{display:block;margin-bottom:6px}.toc a{display:block;color:var(--ink);text-decoration:none;padding:5px 8px;border-radius:7px}.toc a:hover{background:var(--soft)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.toc{position:static}.toc nav{display:flex;flex-wrap:wrap;gap:4px}.toc a{background:var(--soft);font-size:.8rem;padding:4px 10px}}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.modes button{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 8px;cursor:pointer;text-align:left;font:600 .9rem Poppins,system-ui}.modes button small{display:block;font:400 .76rem system-ui;color:var(--mut)}
.modes button[aria-pressed=true]{border-color:var(--teal);background:var(--soft)}
@media(max-width:560px){.modes{grid-template-columns:1fr}.modes button{display:flex;gap:8px;align-items:baseline}}
.mode[hidden]{display:none}
.pts{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pts li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.pts li h3{color:var(--teal)}[data-theme=dark] .pts li h3{color:var(--y)}
.pts.zero li{border-left:4px solid var(--g)}.pts.adv li{border-left:4px solid var(--y)}
.yt{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.yt a,.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.yt img{width:100%;height:100%;object-fit:cover}
.yt .play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:#e00;border-radius:14px}.yt .play:after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.ytcap{font-size:.86rem;color:var(--mut);margin:6px 0 14px}
.shorts{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.shorts a{flex:0 0 120px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;position:relative;background:#000}.shorts img{width:100%;height:100%;object-fit:cover}
/* diagram */
.dg{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 16px}
.dgbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--soft)}
.dgbar b{margin-right:auto;font-size:.92rem}
.dgbar button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;min-width:36px;height:34px;cursor:pointer;font-weight:700}
.dgv{position:relative;overflow:hidden;touch-action:none;background:#fff;max-height:72vh;cursor:grab}.dgv svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0}
.dg.full{position:fixed;inset:0;z-index:50;border-radius:0;display:flex;flex-direction:column}.dg.full .dgv{flex:1;height:auto;max-height:none;aspect-ratio:auto!important}
.dg.nolbl .lbl{display:none}.dg [data-hs]{cursor:pointer}.dg [data-hs].on{filter:drop-shadow(0 0 4px #ffb800)}
.dginfo{padding:10px 14px;font-size:.92rem;border-top:1px solid var(--line);min-height:46px}
.dg figcaption{padding:8px 14px 12px;font-size:.86rem;color:var(--mut)}
/* quiz */
.q{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 12px}
.q .qt{font-weight:600;margin:0 0 8px}.q .meta{margin-bottom:6px}
.opts{display:grid;gap:7px}.opt{display:block;width:100%;text-align:left;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;font-size:.95rem}
.opt:hover{border-color:var(--teal)}.opt.sel{border-color:var(--teal);background:var(--soft)}.opt.ok{border-color:var(--ok);background:var(--okbg)}.opt.bad{border-color:var(--bad);background:var(--badbg)}
.exp{margin-top:8px;font-size:.92rem;background:var(--soft);border-radius:10px;padding:9px 12px}
.score{font-weight:700;margin:10px 0}
details.faq{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin:0 0 8px}details.faq summary{cursor:pointer;font-weight:600}
table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}th{background:var(--soft)}
.tw{overflow-x:auto}
/* test */
.tbar{position:sticky;top:65px;z-index:10;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;box-shadow:var(--sh)}
.timer{font:700 1.2rem Poppins;color:var(--hd)}.timer.low{color:var(--bad)}
.pal{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.pal button{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-weight:600;font-size:.82rem}
.pal button.a{background:var(--teal);color:#fff;border-color:var(--teal)}.pal button.r{background:#fff1b8;border-color:#e0b400;color:#000}.pal button.cur{outline:3px solid var(--y)}
.legend{font-size:.78rem;color:var(--mut);display:flex;gap:12px;flex-wrap:wrap}
.bars .row{display:grid;grid-template-columns:150px 1fr 54px;gap:8px;align-items:center;font-size:.85rem;margin:4px 0}.bars .tr{background:var(--soft);border-radius:6px;height:10px;overflow:hidden}.bars .fl{background:var(--gd);height:100%}
@media(max-width:520px){.bars .row{grid-template-columns:96px 1fr 44px}}
/* filters */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.filters select,.filters input{font:inherit;font-size:.9rem;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:42px}
.filters input{flex:1;min-width:180px}
.res{display:grid;gap:10px}.res .card{padding:14px}.res .card h3{margin-bottom:4px}
.yeargrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.yeargrid div{border-radius:10px;padding:8px;font-size:.78rem;text-align:center;border:1px solid var(--line);background:var(--card)}.yeargrid b{display:block;font:700 1rem Poppins}
.yeargrid .av{background:var(--okbg);border-color:var(--ok)}.yeargrid .na{background:var(--soft)}.yeargrid .old{background:#fff8d6;border-color:#e0b400;color:#3d3200}
/* cta + footer */
.cta{background:linear-gradient(135deg,#081c2c,#0d4f5f);color:#fff;border-radius:18px;padding:22px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:26px 0}
.cta h2{color:#fff;margin:0;font-size:1.2rem}.cta p{margin:4px 0 0;color:#cfe0ea}
.foot{background:var(--navy);color:#b9c9d4;margin-top:40px;padding:30px 0 20px;font-size:.88rem}.foot a{color:#e4edf2;text-decoration:none}.foot a:hover{color:var(--y)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}
.foot h3{color:#fff;font-size:.95rem}.foot ul{list-style:none;padding:0;margin:0}.foot li{margin:5px 0}
.copy{border-top:1px solid #1b3a50;margin-top:18px;padding-top:14px;font-size:.8rem}
@media print{.top,.bnav,.foot,.toc,.modes,.tools,.yt,.cta,.noprint,.quizwrap{display:none!important}body{background:#fff;color:#000;font-size:12pt}.mode[hidden]{display:block!important}.layout{display:block}.pts li{break-inside:avoid;border:1px solid #ccc}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.brand small{display:none}.brand b{font-size:.95rem}#sizebtn{display:none}.bar{gap:8px}.tbtn{min-width:36px;padding:0 7px}}
#qbox{scroll-margin-top:140px}
.sub ol i{font-style:normal;color:var(--mut);font-size:.86em;font-family:'Noto Sans Devanagari',system-ui,sans-serif}
.hfoot{grid-column:1/-1}@media(max-width:820px){.hero{padding:22px 0 26px}.stats{gap:10px 18px}.stats span{flex:1 1 40%}}

.tbtn.lang{display:inline-flex;align-items:center;gap:0;padding:0 3px;font-size:.78rem}.tbtn.lang b,.tbtn.lang i{font-style:normal;font-weight:600;padding:3px 6px;border-radius:6px;opacity:.6}html:not([data-ui=hi]) .tbtn.lang b,html[data-ui=hi] .tbtn.lang i{background:var(--y);color:#081c2c;opacity:1}
html:not([data-ui=hi]) .h1hi.ui{display:none}
/* ---- V3: labels, exams, PYQ links, lab, dashboard, low-data, toast ---- */
.lb{display:inline-block;font:600 .72rem/1.2 system-ui;padding:3px 7px;border-radius:6px;margin:2px 4px 2px 0;vertical-align:middle;border:1px solid}
.lb-o{background:#e8f1ff;color:#1d4ed8;border-color:#bfd5ff}.lb-f{background:#eaf7ef;color:#166534;border-color:#bfe6cc}.lb-s{background:#fff6d6;color:#7a5a00;border-color:#f3dd8a}.lb-m{background:#fdeaea;color:#a61b1b;border-color:#f5c2c2}
[data-theme=dark] .lb{filter:brightness(.92)}
.units{padding-left:1.2em}.units li{margin:.45em 0}.units .chip{display:inline-block;margin:3px 4px 0 0;text-decoration:none}
.toc{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.toc a{font-size:.85rem;padding:5px 10px;border:1px solid var(--line);border-radius:20px;background:var(--card);text-decoration:none}
.pplist{list-style:none;padding:0;margin:10px 0}.pp{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:6px 0}.pp .btn{white-space:nowrap;flex:none}
@media(max-width:560px){.pp{flex-direction:column;align-items:flex-start}}
.sim{margin:16px 0}.simgrid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:16px}@media(max-width:760px){.simgrid{grid-template-columns:1fr}}
.rg{display:block;margin:0 0 10px;font-size:.92rem}.rg span{display:block}.rg input[type=range]{width:100%;accent-color:var(--gd);height:28px}.rg select{width:100%;padding:7px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.rg output{font-weight:700}.btnrow{display:flex;flex-wrap:wrap;gap:6px}
canvas.live{width:100%;height:270px;display:block;background:var(--soft);border-radius:10px;touch-action:pan-y}canvas.graph{width:100%;height:150px;display:block;margin-top:8px;background:var(--soft);border-radius:10px}
.res{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.res span{flex:1 1 120px;background:var(--soft);border-radius:10px;padding:8px 10px;font-size:.8rem;color:var(--mut)}.res b{display:block;font-size:1.15rem;color:var(--hd)}
.numrow{display:flex;gap:8px;align-items:center}.numrow input{width:140px;padding:9px;border-radius:8px;border:1px solid var(--line);font-size:1rem;background:var(--card);color:var(--ink)}
.exp.okx{background:var(--okbg)}.exp.badx{background:var(--badbg)}
.bm{float:right;font-size:.8rem;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:3px 10px;cursor:pointer;margin-left:8px}.bm[aria-pressed=true]{background:#fff6d6;color:#7a5a00;border-color:#f3dd8a}
.linkbtn{background:none;border:0;padding:0;color:var(--link);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}
.foot .linkbtn{color:inherit;font-size:inherit}
.rec{border-left:5px solid var(--gd)}
#toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;max-width:92vw;opacity:0;transition:.25s;z-index:50;font-size:.9rem;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%)}
.lowdata .yt img{display:none}.lowdata .yt a{display:flex;align-items:center;justify-content:center;min-height:120px;background:var(--soft)}.lowdata .yt a::after{content:"▶ Low-data mode: tap to load the video";font-weight:600;color:var(--ink);padding:12px;text-align:center}
.dg.quizon [data-hs]{cursor:crosshair}
@media(max-width:1180px){.nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--navy2);flex-direction:column;align-items:stretch;padding:8px 12px 14px;border-bottom:3px solid var(--y)}.nav.open{display:flex}.nav a{padding:12px}.mbtn{display:inline-block}}
.flinks{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.88rem}.flinks a{color:inherit}.m3sel{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.m3sel .chip{cursor:pointer;font-size:.9rem;padding:7px 12px}.m3sel .chip[aria-pressed=true]{background:var(--navy);color:#fff}
.t3{margin:.2em 0 .4em;font-size:1.1rem}.v3d{position:relative;height:min(68vh,520px);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#1b3a52,#081c2c);touch-action:none}
.v3d canvas{width:100%;height:100%;display:block}.l3lay{position:absolute;inset:0;pointer-events:none}.l3{position:absolute;left:0;top:0;pointer-events:auto;font:600 11px/1.2 system-ui;color:#fff;background:rgba(8,28,44,.72);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:2px 6px;white-space:nowrap;cursor:pointer;margin:-9px 0 0 6px}
.v3d.nolab .l3{display:none}.v3load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cfe0ea}.v3d.ready .v3load{display:none}
.v3bar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.v3bar button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 10px;font:600 .85rem system-ui;cursor:pointer}.v3bar button[aria-pressed=true]{background:var(--y);color:#000;border-color:var(--y)}
.full3{position:fixed;inset:0;z-index:60;background:var(--bg);padding:8px;overflow:auto}.full3 .v3d{height:calc(100vh - 170px)}
.v3d.nogl{height:auto;padding:16px;color:#fff}
/* ==================== PREMIUM LOOK v1 (2026-11-01) — appended layer; delete from here to the end to roll back ==================== */
:root{--navy:#071a26;--navy2:#0a2433;--teal:#0d4f5f;--teal2:#127985;--aqua:#7fd6cb;--y:#f8c93f;--y2:#ffd966;--g:#7fd6cb;--gd:#12808a;
--ink:#13202a;--mut:#5a6873;--bg:#f3f6f8;--card:#fff;--line:#e2e8ed;--soft:#ecf3f5;--link:#0b6676;--hd:#0a1b27;
--r:16px;--ease:cubic-bezier(.2,.7,.2,1);
--sh:0 1px 2px rgba(7,26,38,.05),0 6px 18px -8px rgba(7,26,38,.14);
--sh2:0 2px 4px rgba(7,26,38,.06),0 16px 32px -14px rgba(7,26,38,.28)}
[data-theme=dark]{--bg:#06121b;--card:#0c1e2b;--line:#1b3346;--soft:#11283a;--ink:#e4edf2;--mut:#9fb1bd;--link:#86dbe6;--hd:#f4f8fa;
--sh:0 1px 2px rgba(0,0,0,.3),0 8px 22px -10px rgba(0,0,0,.6);--sh2:0 2px 6px rgba(0,0,0,.35),0 18px 36px -14px rgba(0,0,0,.7)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3{letter-spacing:-.012em}h1{letter-spacing:-.02em}
h2{font-size:clamp(1.22rem,3.4vw,1.6rem)}
::selection{background:rgba(248,201,63,.45)}
:focus-visible{outline:2px solid var(--y);outline-offset:3px;border-radius:6px}
.ic{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.2em}
/* header */
.top{background:rgba(7,26,38,.94);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid rgba(248,201,63,.28);box-shadow:0 8px 24px -16px rgba(0,0,0,.7)}
.bar{min-height:60px}
.brand img{box-shadow:0 0 0 2px rgba(248,201,63,.55),0 4px 12px rgba(0,0,0,.35)}
.brand b{letter-spacing:-.01em}
.brand small{color:var(--aqua);font-weight:600;letter-spacing:.09em;font-size:.64rem;opacity:.9}
.nav a{border-radius:10px;transition:color .2s,background .2s}
.nav a:hover,.nav a[aria-current]{color:var(--y2);background:rgba(255,255,255,.07)}
@media(max-width:1180px){.nav{top:100%;background:rgba(10,36,51,.98);border-bottom:1px solid rgba(248,201,63,.25);box-shadow:0 18px 30px -18px rgba(0,0,0,.8);padding:6px 12px 12px}.nav a{border-radius:12px}.nav a+a{border-top:1px solid rgba(255,255,255,.05)}}
.tbtn{display:inline-grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:11px;transition:background .2s,border-color .2s}
.tbtn:hover{border-color:rgba(248,201,63,.6);background:rgba(255,255,255,.1)}
.tbtn .ic{width:19px;height:19px}
.top .slh-lseg{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);padding:2px;gap:2px}
.top .slh-lseg button{border-radius:999px;min-height:30px;color:#dfe9f0;transition:background .2s,color .2s}
.top .slh-lseg button+button{border-left:0}
.top .slh-lseg button.on{background:var(--y);color:#0a1b27;box-shadow:0 2px 8px -2px rgba(248,201,63,.6)}
/* bottom nav */
@media(max-width:700px){
.bnav{background:rgba(7,26,38,.95);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 24px -18px rgba(0,0,0,.6);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}
.bnav a{color:#9fb4c2;font-size:.68rem;font-weight:500;letter-spacing:.01em;gap:2px;padding:3px 4px;border-radius:12px;transition:color .2s}
.bnav a span{display:grid;place-items:center;width:44px;height:28px;border-radius:999px;font-size:1rem;transition:background .25s var(--ease)}
.bnav a span .ic{width:21px;height:21px}
.bnav a b{font-weight:600}
.bnav a[aria-current]{color:var(--y2)}
.bnav a[aria-current] span{background:rgba(248,201,63,.15)}
.bnav a:active span{background:rgba(255,255,255,.1)}
body{padding-bottom:70px}}
/* buttons + chips */
.btn{background:linear-gradient(180deg,var(--y2),var(--y));border:1px solid rgba(160,120,0,.25);color:#0a1b27;border-radius:13px;padding:12px 20px;letter-spacing:.005em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px -10px rgba(200,150,0,.75);transition:transform .15s var(--ease),box-shadow .2s,filter .2s}
.btn:hover{filter:brightness(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 22px -10px rgba(200,150,0,.8)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn.ghost{background:var(--card);color:var(--hd);border:1px solid var(--line);box-shadow:var(--sh)}
.btn.dark{background:linear-gradient(180deg,#0e3446,var(--navy));border-color:var(--navy);color:#fff;box-shadow:0 8px 18px -10px rgba(7,26,38,.7)}
.btn.sm{padding:8px 13px;border-radius:11px}
.hero .btn.ghost,.cta .btn.ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}
.chip{border-radius:999px;font-weight:600;letter-spacing:.005em}
[data-theme=dark] .chip{color:var(--aqua)}
/* cards + lists */
.card{border-radius:var(--r);border-color:var(--line);box-shadow:var(--sh);padding:18px 18px}
a.card{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
a.card:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:rgba(13,79,95,.35)}
a.card:active{transform:scale(.985)}
.card .num{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#11606f,#0a2f3d);color:var(--y2);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 14px -8px rgba(7,26,38,.8);font-size:1.05rem}
.card .num .ic{width:23px;height:23px}
.card b{letter-spacing:-.005em}
.card b .ic{color:var(--teal2);margin-right:6px;width:1.1em;height:1.1em}
[data-theme=dark] .card b .ic{color:var(--aqua)}
.chlist li a,.chlist li>div{border-radius:14px;box-shadow:var(--sh);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.chlist li a:hover{border-color:rgba(13,79,95,.35);box-shadow:var(--sh2)}.chlist li a:active{transform:scale(.99)}
.chlist .n{border-radius:11px;background:linear-gradient(145deg,#e3f1f3,#d3e8ec);color:var(--teal)}
[data-theme=dark] .chlist .n{background:var(--soft);color:var(--aqua)}
details.sub,details.faq,.q,.pts li,.pp,.toc{border-radius:14px;box-shadow:var(--sh)}
.note{border-radius:12px;border-left-width:3px}
.opt{border-radius:12px;transition:border-color .15s,background .15s}
.kick{color:var(--teal2);letter-spacing:.08em;font-size:.74rem}
[data-theme=dark] .kick{color:var(--aqua)}
.lb-f{background:#e6f5f3;color:#0b5f63;border-color:#bfe3de}
.rec{border-left-color:var(--teal2)}
/* hero */
.hero{background:radial-gradient(900px 380px at 90% -12%,rgba(64,190,180,.22),transparent 70%),radial-gradient(700px 300px at -10% 110%,rgba(248,201,63,.08),transparent 70%),linear-gradient(160deg,#061722 0%,#0a2a39 55%,#0d4a59 100%);position:relative}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(248,201,63,.35),transparent)}
.hero .kick{color:var(--aqua);opacity:.95}
.hero h1 em{color:var(--y2);background:linear-gradient(180deg,#ffe28a,#f5c02f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.picker{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-color:rgba(255,255,255,.13);border-radius:20px;box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.seg{background:rgba(0,0,0,.28);border-radius:13px}.seg button{border-radius:10px;transition:background .2s,color .2s}
.seg button[aria-pressed=true]{background:linear-gradient(180deg,var(--y2),var(--y));box-shadow:0 4px 12px -6px rgba(248,201,63,.8)}
.cls a{border-radius:14px;box-shadow:0 6px 14px -8px rgba(0,0,0,.6);transition:transform .2s var(--ease),box-shadow .2s}
.cls a:hover{outline:2px solid var(--y);outline-offset:0}.cls a:active{transform:scale(.96)}
.stats b{color:var(--y2)}
/* cta + footer */
.cta{background:radial-gradient(500px 200px at 100% 0,rgba(64,190,180,.2),transparent 70%),linear-gradient(140deg,#071a26,#0d4a59);border-radius:20px;box-shadow:var(--sh2);padding:24px 22px}
.foot{background:linear-gradient(180deg,#071a26,#04111a);border-top:1px solid rgba(248,201,63,.22);color:#a9bccb;padding:34px 0 24px}
.foot h3{font-size:1.02rem;letter-spacing:-.005em}
.foot .soc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.foot .soc a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#eef4f7;font-weight:600;font-size:.86rem;transition:background .2s,border-color .2s}
.foot .soc a:hover{background:rgba(255,255,255,.1);border-color:rgba(248,201,63,.5);color:#fff}
.foot .soc .ic{width:18px;height:18px}
.flinks{gap:6px 16px}.flinks a{color:#c9d7e1}.flinks a:hover{color:var(--y2)}
.copy{border-top-color:rgba(255,255,255,.07);color:#8ea3b2;line-height:1.55}
/* tests + toast + 3D bar */
.tbar{border-radius:16px}
.pal button{border-radius:10px}
.bars .fl{background:linear-gradient(90deg,var(--teal2),#3fb3a9)}
#toast{background:rgba(7,26,38,.96);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:var(--sh2)}
.v3bar button{border-radius:10px}.v3bar button[aria-pressed=true]{background:var(--y);border-color:var(--y)}
.m3sel .chip[aria-pressed=true]{background:var(--teal);color:#fff}
.dg{border-radius:var(--r);box-shadow:var(--sh)}
.yt{border-radius:var(--r);box-shadow:var(--sh2)}
@media(max-width:480px){.wrap{padding:0 16px}.card{padding:16px}}
@media(prefers-reduced-motion:reduce){a.card:hover,.btn:active{transform:none}}
.card>h2:first-child,.card>h3:first-child{margin-top:.15em}.brand>span{line-height:1.2}
/* 390px overflow fixes (legacy chapter TOC, long PYQ source lines) */.layout>*{min-width:0}.toc nav{flex-wrap:wrap;min-width:0;max-width:100%}.res>.card,.res .card{min-width:0;max-width:100%}.card p,.card b{overflow-wrap:anywhere}
/* ===== premium2 (2026-11-02) start — rollback: delete from this line to "premium2 end" ===== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
:root{--p2e:cubic-bezier(.2,.7,.2,1);--p2a:#8b7bff;--p2b:#38bdf8;--p2g:linear-gradient(135deg,#8b7bff,#38bdf8)}
/* --- premium dark palette (default) --- */
html:not([data-theme=light]){color-scheme:dark;--ink:#e7eaf1;--mut:#9aa3b6;--bg:#0a0b10;--card:#12141b;--line:rgba(255,255,255,.085);--soft:#171a23;--link:#93d4ff;--hd:#f7f8fb;--kb:rgba(255,255,255,.07);--teal:#7c8cff;--sh:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px -16px rgba(0,0,0,.75)}
html:not([data-theme=light]) body{background:#0a0b10}
html:not([data-theme=light]) body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 8% -6%,rgba(124,107,255,.16),transparent 62%),radial-gradient(760px 480px at 104% 4%,rgba(56,189,248,.10),transparent 60%),radial-gradient(700px 600px at 50% 110%,rgba(124,107,255,.07),transparent 65%)}
/* --- light palette: same layout, calmer --- */
html[data-theme=light]{--bg:#f5f7fb;--line:#e3e8f0;--sh:0 1px 2px rgba(15,23,42,.05),0 10px 26px -14px rgba(15,23,42,.18)}
/* --- type --- */
h1,h2,h3{letter-spacing:-.012em}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* --- glass header --- */
.top{background:rgba(8,20,32,.82);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
html:not([data-theme=light]) .top{background:rgba(10,11,16,.72)}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,123,255,.75),rgba(56,189,248,.75),rgba(255,210,31,.6),transparent);pointer-events:none}
.tbtn{border-radius:12px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);transition:background .2s,transform .15s var(--p2e)}
.tbtn:active{transform:scale(.94)}
.brand img{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 4px 14px -4px rgba(56,189,248,.5)}
/* --- bottom nav: floating glass --- */
html:not([data-theme=light]) .bnav{background:rgba(14,15,21,.78);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-top:1px solid rgba(255,255,255,.08)}
/* --- hero --- */
html:not([data-theme=light]) .hero{background:radial-gradient(110% 80% at 92% -10%,rgba(124,107,255,.30),transparent 55%),radial-gradient(90% 70% at -10% 110%,rgba(56,189,248,.16),transparent 60%),linear-gradient(180deg,#0e1018,#0a0b10)!important;border-bottom:1px solid rgba(255,255,255,.06)}
/* --- cards: glass in dark, soft in light --- */
.kg-c,.k3c,.c3,.card,.dcard,.lw-i{border-radius:18px;transition:transform .25s var(--p2e),border-color .25s,box-shadow .25s,background .25s}
html:not([data-theme=light]) .kg-c,html:not([data-theme=light]) .k3c,html:not([data-theme=light]) .c3,html:not([data-theme=light]) .card,html:not([data-theme=light]) .dcard{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)) ,#111319;border:1px solid rgba(255,255,255,.08);box-shadow:var(--sh)}
html:not([data-theme=light]) .lw-i{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12)}
@media (hover:hover){.kg-c:hover,.k3c:hover,.c3:hover,.dcard:hover{transform:translateY(-2px);box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}
 html:not([data-theme=light]) .kg-c:hover,html:not([data-theme=light]) .k3c:hover,html:not([data-theme=light]) .c3:hover,html:not([data-theme=light]) .dcard:hover{border-color:rgba(139,123,255,.45);box-shadow:0 0 0 1px rgba(139,123,255,.18),0 18px 44px -18px rgba(124,107,255,.45)}}
.kg-c:active,.k3c:active,.c3:active,.dcard:active,.c3b:active{transform:scale(.97)}
html:not([data-theme=light]) .kg-i,html:not([data-theme=light]) .k3i,html:not([data-theme=light]) .k3bi{background:radial-gradient(120% 120% at 30% 20%,rgba(139,123,255,.28),rgba(56,189,248,.10) 60%,rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px -8px rgba(124,107,255,.6)}
.kg-i,.k3i{border-radius:14px}
.kg-t b,.k3t b{letter-spacing:-.005em}
/* 3D lab big tiles: studio look */
.c3b{border-radius:20px;box-shadow:0 18px 40px -18px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.07);transition:transform .3s var(--p2e),box-shadow .3s}
.c3b img{transition:transform .6s var(--p2e)}
@media (hover:hover){.c3b:hover{transform:translateY(-3px);box-shadow:0 24px 50px -18px rgba(124,107,255,.55),0 0 0 1px rgba(139,123,255,.35)}.c3b:hover img{transform:scale(1.04)}}
.c3b em{background:rgba(255,255,255,.14)!important;color:#fff!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);letter-spacing:.02em}
#k3bar{border-radius:18px}
html:not([data-theme=light]) #k3bar{background:rgba(255,255,255,.05);border-color:rgba(139,123,255,.55);box-shadow:0 0 0 4px rgba(124,107,255,.10)}
html:not([data-theme=light]) .k3c[aria-current=true]{border-color:rgba(139,123,255,.8);background:linear-gradient(180deg,rgba(139,123,255,.16),rgba(56,189,248,.05)),#121420}
html:not([data-theme=light]) .v3go{background:radial-gradient(90% 80% at 50% 30%,#1e2230,#0b0c11 70%);border:1px solid rgba(255,255,255,.07)}
/* --- buttons + chips --- */
.btn{border-radius:14px;transition:transform .15s var(--p2e),box-shadow .2s,filter .2s}
.btn:active{transform:scale(.96)}
html:not([data-theme=light]) .btn.ghost,html:not([data-theme=light]) .ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#eef1f7}
html:not([data-theme=light]) .chip,html:not([data-theme=light]) .pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
/* --- footer --- */
html:not([data-theme=light]) .foot{background:#08090d;border-top:1px solid rgba(255,255,255,.06)}
/* --- learn diagram viewer: dark studio stage --- */
html:not([data-theme=light]) .lvp,html:not([data-theme=light]) .lvin{background:#0f1117;border-color:rgba(255,255,255,.09);box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
html:not([data-theme=light]) .lvc{background:radial-gradient(90% 80% at 50% 35%,#1c2030,#0d0f15 75%)}
/* --- scroll reveal (JS adds .p2r only below the fold) --- */
.p2r{opacity:0;transform:translateY(14px)}
.p2r.p2in{opacity:1;transform:none;transition:opacity .5s var(--p2e),transform .5s var(--p2e);transition-delay:var(--p2d,0ms)}
/* --- tap ripple --- */
.p2rip{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.16;transform:scale(0);animation:p2rip .55s var(--p2e) forwards}
@keyframes p2rip{to{transform:scale(1);opacity:0}}
/* --- search --- */
.p2sbtn{font-size:17px}
.p2hs{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;margin:14px 0 4px;padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#cfd6e4;font:inherit;font-size:.95rem;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .2s,background .2s}
.p2hs:hover{border-color:rgba(139,123,255,.55);background:rgba(255,255,255,.09)}
.p2hs svg,.p2s svg{flex:none;width:18px;height:18px;opacity:.75}
.p2hs kbd{margin-left:auto;font:600 .7rem system-ui;opacity:.5;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:2px 6px}
#p2s{position:fixed;inset:0;z-index:2147483300;display:none}
#p2s.on{display:block}
#p2s .bg{position:absolute;inset:0;background:rgba(5,6,10,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:p2fade .2s ease}
#p2s .pn{position:relative;margin:max(10px,env(safe-area-inset-top)) auto 0;width:min(680px,calc(100% - 20px));max-height:calc(100% - 30px);display:flex;flex-direction:column;border-radius:20px;background:rgba(18,20,27,.94);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px -20px rgba(0,0,0,.8);color:#e7eaf1;overflow:hidden;animation:p2pop .28s var(--p2e)}
html[data-theme=light] #p2s .pn{background:rgba(255,255,255,.97);border-color:#e3e8f0;color:#14212b}
#p2s .p2s{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(127,127,127,.18)}
#p2s input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:1.05rem;padding:6px 0}
#p2s .x{border:0;background:rgba(127,127,127,.15);color:inherit;border-radius:10px;min-width:40px;height:36px;font:600 .85rem system-ui;cursor:pointer}
#p2s ul{list-style:none;margin:0;padding:6px;overflow:auto}
#p2s li a{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:12px;color:inherit;text-decoration:none}
#p2s li a:hover,#p2s li a:focus,#p2s li a.k{background:rgba(139,123,255,.16);outline:0}
#p2s li i{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(127,127,127,.14);font-style:normal;font-size:18px}
#p2s li b{display:block;font-weight:600;font-size:.95rem;line-height:1.3}
#p2s li small{display:block;opacity:.6;font-size:.75rem;margin-top:1px}
#p2s .hint{padding:14px 16px;opacity:.65;font-size:.88rem}
#p2s .chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 14px}
#p2s .chips button{border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;border-radius:999px;padding:6px 11px;font:inherit;font-size:.82rem;cursor:pointer}
@keyframes p2fade{from{opacity:0}}
@keyframes p2pop{from{opacity:0;transform:translateY(-8px) scale(.985)}}
/* --- zoom lens (Learn 2D diagrams) --- */
.p2lb[aria-pressed=true]{background:var(--p2g)!important;color:#fff!important;border-color:transparent!important}
.p2lens{position:fixed;z-index:2147483200;width:168px;height:168px;border-radius:50%;overflow:hidden;pointer-events:none;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 5px rgba(139,123,255,.75),0 18px 40px -8px rgba(0,0,0,.55);transform:scale(.6);opacity:0;transition:transform .22s var(--p2e),opacity .18s}
.p2lens.on{transform:scale(1);opacity:1}
.p2lens svg{position:absolute;left:0;top:0;max-width:none!important;transform:none!important}
.p2lens:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 18px rgba(0,0,0,.18);background:radial-gradient(60% 40% at 30% 20%,rgba(255,255,255,.35),transparent 60%)}
html:not([data-theme=light]) .p2lens{background:#fff}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.p2r{opacity:1;transform:none}.p2rip{display:none}.kg-c,.k3c,.c3,.c3b,.c3b img,.btn{transition:none}}
/* narrow header: room for the search button */
@media (max-width:430px){.top .bar{gap:8px}.brand{gap:8px}.brand img{width:34px;height:34px}.brand b{font-size:.9rem;letter-spacing:-.01em}.brand small{display:none}.brand b{line-height:1.15}.top .tools{gap:3px}.top .tbtn{min-width:32px;padding:0 5px}.top .slh-lseg button{padding-left:6px;padding-right:6px;min-width:0}.brand b{font-size:.84rem}}
@media (max-width:370px){.brand b{font-size:.76rem}}
/* Study Saathi card: dark glass in the premium theme */
html:not([data-theme=light]) .slhs-w{background:rgba(20,22,30,.96);color:#e7eaf1;border-color:rgba(255,255,255,.1);box-shadow:0 24px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(139,123,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html:not([data-theme=light]) .slhs-wtx{color:#e7eaf1}
html:not([data-theme=light]) body .slhs-w .slhs-wtx,html:not([data-theme=light]) body .slhs-w .slhs-wh b{color:#eef1f7}
html:not([data-theme=light]) body .slhs-w .slhs-wh small{color:#a3abbd}
html:not([data-theme=light]) body .slhs-w .slhs-wl{color:#9fb4ff}
html:not([data-theme=light]) body .slhs-w .slhs-wlb button:not(.on){background:rgba(255,255,255,.07);color:#eef1f7;border-color:rgba(255,255,255,.16)}
/* ===== premium2 end ===== */
/* ===== customize (2026-11-02) start — rollback: delete from this line to "customize end" ===== */
html[data-accent=blue]{--acy:#60a5fa;--acy2:#93c5fd;--acl:#93c5fd;--acd:#1d4ed8;--acrgb:59,130,246;--acyrgb:96,165,250;--ac2:#22d3ee;--ac2rgb:34,211,238;--acink:#0a1b27}
html[data-accent=teal]{--acy:#2dd4bf;--acy2:#5eead4;--acl:#5eead4;--acd:#0f766e;--acrgb:20,184,166;--acyrgb:45,212,191;--ac2:#38bdf8;--ac2rgb:56,189,248;--acink:#0a1b27}
html[data-accent=green]{--acy:#4ade80;--acy2:#86efac;--acl:#86efac;--acd:#15803d;--acrgb:34,197,94;--acyrgb:74,222,128;--ac2:#a3e635;--ac2rgb:163,230,53;--acink:#0a1b27}
html[data-accent=orange]{--acy:#fb923c;--acy2:#fdba74;--acl:#fdba74;--acd:#c2410c;--acrgb:249,115,22;--acyrgb:251,146,60;--ac2:#facc15;--ac2rgb:250,204,21;--acink:#0a1b27}
html[data-accent=pink]{--acy:#f472b6;--acy2:#f9a8d4;--acl:#f9a8d4;--acd:#be185d;--acrgb:236,72,153;--acyrgb:244,114,182;--ac2:#c084fc;--ac2rgb:192,132,252;--acink:#0a1b27}
html[data-accent=red]{--acy:#f87171;--acy2:#fca5a5;--acl:#fca5a5;--acd:#b91c1c;--acrgb:239,68,68;--acyrgb:248,113,113;--ac2:#fb923c;--ac2rgb:251,146,60;--acink:#0a1b27}
html[data-accent=gold]{--acy:#f8c93f;--acy2:#ffe28a;--acl:#fcd34d;--acd:#92400e;--acrgb:234,179,8;--acyrgb:248,201,63;--ac2:#fb923c;--ac2rgb:251,146,60;--acink:#0a1b27}
html[data-accent]{--y:var(--acy);--y2:var(--acy2);--g:var(--acl);--aqua:var(--acl);--p2a:var(--acy);--p2b:var(--ac2);--p2g:linear-gradient(135deg,var(--acy),var(--ac2))}
html[data-accent]:not([data-theme=light]){--teal:var(--acl);--link:var(--acl)}
html[data-accent][data-theme=light]{--teal:var(--acd);--link:var(--acd)}
html[data-accent].slh-app{--sh-ac:var(--acd);--sh-acs:rgba(var(--acrgb),.12)}
html[data-accent].slh-app.sh-dark{--sh-ac:var(--acl);--sh-acs:rgba(var(--acrgb),.18)}
html[data-ts=s] body{font-size:15px}
html[data-ts=l] body,html[data-ts=l] body.big{font-size:18.5px}
/* panel */
#custbtn{font-size:1.05rem;line-height:1;position:relative}#custbtn:after{content:"";position:absolute;left:0;right:0;top:-5px;bottom:-5px}
#slhc-bd{position:fixed;inset:0;z-index:2147483400;background:rgba(5,6,10,.55);opacity:0;transition:opacity .22s}
#slhc-bd.on{opacity:1}
#slhc{position:fixed;left:0;right:0;bottom:0;z-index:2147483401;margin:0 auto;max-width:520px;max-height:90vh;max-height:90dvh;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:var(--card,#12141b);color:var(--ink,#e7eaf1);border:1px solid var(--line,rgba(255,255,255,.1));border-bottom:0;border-radius:22px 22px 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom,0px));font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;box-shadow:0 -18px 50px -20px rgba(0,0,0,.6);transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}
#slhc.on{transform:none}
#slhc[hidden],#slhc-bd[hidden]{display:none}
#slhc .grab{width:42px;height:5px;border-radius:9px;background:var(--line,rgba(255,255,255,.2));margin:4px auto 8px;opacity:.9}
#slhc .hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
#slhc h2{margin:0;font:700 19px/1.25 Poppins,system-ui,sans-serif;color:var(--hd,inherit)}
#slhc .x{width:48px;height:48px;flex:none;border-radius:14px;border:1px solid var(--line,rgba(255,255,255,.14));background:transparent;color:inherit;font-size:20px;cursor:pointer}
#slhc h3{margin:14px 0 8px;font:600 13px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--mut,#9aa3b6)}
#slhc .sg{display:flex;gap:6px;padding:4px;border-radius:16px;background:rgba(127,127,127,.12)}
#slhc .sg button{flex:1;min-height:48px;border:0;border-radius:12px;background:transparent;color:inherit;font:600 15px/1.15 system-ui,sans-serif;cursor:pointer;padding:4px 6px}
#slhc .sg button[aria-pressed=true]{background:var(--slhc-a,#8b7bff);color:var(--slhc-i,#0a1b27);box-shadow:0 4px 14px -6px var(--slhc-a,#8b7bff)}
#slhc .sw{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}
#slhc .sw button{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:48px;border:0;background:transparent;color:inherit;font:500 12.5px/1.15 system-ui,sans-serif;cursor:pointer;padding:2px}
#slhc .sw i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-style:normal;font-weight:800;font-size:19px;color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
#slhc .sw button[aria-pressed=true] i{color:#0a1b27;box-shadow:0 0 0 3px var(--card,#12141b),0 0 0 5px currentColor}
#slhc .pv{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed var(--line,rgba(255,255,255,.18));font-size:1em}
#slhc .pv b{color:var(--teal,inherit)}
#slhc .ft{display:flex;gap:10px;margin-top:16px}
#slhc .ft button{flex:1;min-height:48px;border-radius:14px;font:600 15px/1.1 system-ui,sans-serif;cursor:pointer}
#slhc .rs{background:transparent;color:inherit;border:1px solid var(--line,rgba(255,255,255,.18))}
#slhc .ok{border:0;background:var(--slhc-a,#8b7bff);color:var(--slhc-i,#0a1b27)}
#slhc .sv{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--mut,#9aa3b6)}
#slhc button:focus-visible{outline:3px solid var(--slhc-a,#8b7bff);outline-offset:2px}
html[data-theme=light] #slhc{box-shadow:0 -12px 40px -18px rgba(15,23,42,.35)}
html[data-theme=light] #slhc .sw button[aria-pressed=true] i{box-shadow:0 0 0 3px #fff,0 0 0 5px #334155}
html:not([data-theme=light]) #slhc .sw button[aria-pressed=true] i{box-shadow:0 0 0 3px var(--card,#12141b),0 0 0 5px #e7eaf1}
@media (prefers-reduced-motion:reduce){#slhc,#slhc-bd{transition:none}}
@media print{#slhc,#slhc-bd,#custbtn{display:none!important}}
html[data-accent]:not([data-theme=light]) .pal button.a,html[data-accent]:not([data-theme=light]) .m3sel .chip[aria-pressed=true]{color:var(--acink)}
/* generated: accent-aware copies of highlight/glow rules (fallback = the original colour) */
.dg [data-hs].on{filter:drop-shadow(0 0 4px var(--acy,#ffb800))}
.pal button.r{border-color:var(--acy,#e0b400)}
.yeargrid .old{border-color:var(--acy,#e0b400)}
.lb-s{border-color:var(--acy2,#f3dd8a)}
.bm[aria-pressed=true]{border-color:var(--acy2,#f3dd8a)}
::selection{background:rgba(var(--acyrgb,248,201,63),.45)}
@media(max-width:1180px){.nav{border-bottom:1px solid rgba(var(--acyrgb,248,201,63),.25)}}
.tbtn:hover{border-color:rgba(var(--acyrgb,248,201,63),.6)}
.top .slh-lseg button.on{box-shadow:0 2px 8px -2px rgba(var(--acyrgb,248,201,63),.6)}
@media(max-width:700px){.bnav a[aria-current] span{background:rgba(var(--acyrgb,248,201,63),.15)}}
.btn{border:1px solid rgba(var(--acrgb,160,120,0),.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px -10px rgba(var(--acrgb,200,150,0),.75)}
.btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 22px -10px rgba(var(--acrgb,200,150,0),.8)}
.hero{background:radial-gradient(900px 380px at 90% -12%,rgba(64,190,180,.22),transparent 70%),radial-gradient(700px 300px at -10% 110%,rgba(var(--acyrgb,248,201,63),.08),transparent 70%),linear-gradient(160deg,#061722 0%,#0a2a39 55%,#0d4a59 100%)}
.hero:after{background:linear-gradient(90deg,transparent,rgba(var(--acyrgb,248,201,63),.35),transparent)}
.hero h1 em{background:linear-gradient(180deg,var(--acy2,#ffe28a),var(--acy,#f5c02f));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.seg button[aria-pressed=true]{box-shadow:0 4px 12px -6px rgba(var(--acyrgb,248,201,63),.8)}
.foot{border-top:1px solid rgba(var(--acyrgb,248,201,63),.22)}
.foot .soc a:hover{border-color:rgba(var(--acyrgb,248,201,63),.5)}
html:not([data-theme=light]) body:before{background:radial-gradient(900px 520px at 8% -6%,rgba(var(--acrgb,124,107,255),.16),transparent 62%),radial-gradient(760px 480px at 104% 4%,rgba(var(--ac2rgb,56,189,248),.10),transparent 60%),radial-gradient(700px 600px at 50% 110%,rgba(var(--acrgb,124,107,255),.07),transparent 65%)}
.top:after{background:linear-gradient(90deg,transparent,rgba(var(--acrgb,139,123,255),.75),rgba(var(--ac2rgb,56,189,248),.75),rgba(var(--acyrgb,255,210,31),.6),transparent)}
.brand img{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 4px 14px -4px rgba(var(--ac2rgb,56,189,248),.5)}
html:not([data-theme=light]) .hero{background:radial-gradient(110% 80% at 92% -10%,rgba(var(--acrgb,124,107,255),.30),transparent 55%),radial-gradient(90% 70% at -10% 110%,rgba(var(--ac2rgb,56,189,248),.16),transparent 60%),linear-gradient(180deg,#0e1018,#0a0b10)!important}
@media (hover:hover){html:not([data-theme=light]) .kg-c:hover,html:not([data-theme=light]) .k3c:hover,html:not([data-theme=light]) .c3:hover,html:not([data-theme=light]) .dcard:hover{border-color:rgba(var(--acrgb,139,123,255),.45);box-shadow:0 0 0 1px rgba(var(--acrgb,139,123,255),.18),0 18px 44px -18px rgba(var(--acrgb,124,107,255),.45)}}
html:not([data-theme=light]) .kg-i,html:not([data-theme=light]) .k3i,html:not([data-theme=light]) .k3bi{background:radial-gradient(120% 120% at 30% 20%,rgba(var(--acrgb,139,123,255),.28),rgba(var(--ac2rgb,56,189,248),.10) 60%,rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px -8px rgba(var(--acrgb,124,107,255),.6)}
@media (hover:hover){.c3b:hover{box-shadow:0 24px 50px -18px rgba(var(--acrgb,124,107,255),.55),0 0 0 1px rgba(var(--acrgb,139,123,255),.35)}}
html:not([data-theme=light]) #k3bar{border-color:rgba(var(--acrgb,139,123,255),.55);box-shadow:0 0 0 4px rgba(var(--acrgb,124,107,255),.10)}
html:not([data-theme=light]) .k3c[aria-current=true]{border-color:rgba(var(--acrgb,139,123,255),.8);background:linear-gradient(180deg,rgba(var(--acrgb,139,123,255),.16),rgba(var(--ac2rgb,56,189,248),.05)),#121420}
.p2hs:hover{border-color:rgba(var(--acrgb,139,123,255),.55)}
#p2s li a:hover,#p2s li a:focus,#p2s li a.k{background:rgba(var(--acrgb,139,123,255),.16)}
.p2lens{box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 5px rgba(var(--acrgb,139,123,255),.75),0 18px 40px -8px rgba(0,0,0,.55)}
html:not([data-theme=light]) .slhs-w{box-shadow:0 24px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(var(--acrgb,139,123,255),.12)}
html[data-accent] .aud-t button[aria-selected=true]{background:linear-gradient(180deg,var(--acy2,#ffd966),var(--acy,#f8c93f));box-shadow:0 6px 16px -8px rgba(var(--acyrgb,248,201,63),.9)}
html[data-accent] .aud-q{color:var(--acy2,#ffd966)}
html[data-accent] .aud-p b{color:var(--acy2,#ffd966)}
html[data-accent] .aud-x a{color:var(--acy2,#ffd966)}
html[data-accent] .aud-f li.y{background:var(--acy,#f8c93f);border-color:var(--acy,#f8c93f)}
html[data-accent] .tbtn.lang.slhs-x b{background:var(--acy,#FFD21F)!important}
html[data-accent] .slhs-f:focus-visible{outline:3px solid var(--acy,#FFD21F)}
html[data-accent] .slhs-wlb button.on{box-shadow:0 0 0 2px var(--acy,#FFD21F) inset}
html[data-accent] .slhs-b1{background:var(--acy,#FFD21F)}
html[data-accent] .slhs-hl{box-shadow:0 0 0 9999px rgba(4,14,22,.62),0 0 0 3px var(--acy,#FFD21F)}
html[data-accent] .slhs-ta .slhs-b1{background:var(--acy,#FFD21F)}
html[data-accent] .slhs-as button{background:var(--acy,#FFD21F)}
html[data-accent] .slhs-gs{border-left:4px solid var(--acy,#FFD21F)}
html[data-accent] .slhs-in button{color:var(--acy,#FFD21F)}
html[data-accent] .slhs-tc{border:1px solid var(--acy2,#f3dc7a)}
html[data-accent] .slhs-tcl b{background:var(--acy,#FFD21F)}
html[data-accent] .slhs-tc button{border:1.5px solid var(--acy,#e2c75a)}
html[data-accent][data-ln] body [data-sl=du][data-sx=hi] .Lh:not(.nov),html[data-accent][data-ln] body [data-sl=du][data-sx=hg] .Lg:not(.nov),html[data-accent][data-ln] body [data-sl=du][data-sx=se] .Lsx,html[data-accent][data-ln] body [data-sl=du] [data-sx=hi] .Lh:not(.nov){border-left:4px solid var(--acy,#FFD21F)}
html[data-accent] .slhs-nb{border:1px solid var(--acy2,#f3dc7a)}
html[data-accent] .slhs-nbi{background:var(--acy,#FFD21F)}
html[data-accent] .slhs-vb button{background:var(--acy,#FFD21F)}
html[data-accent][data-theme=dark] .slhs-tcl{color:var(--acy2,#f3dc7a)}
html[data-accent] .slhs-wi{color:var(--acy2,#ffd966)}
html[data-accent] .vl .vl-new{background:var(--acy,#ffd21f)}
html[data-accent] .vl-step .pill b{color:var(--acy,#ffd21f)}
html[data-accent] .vl-tip{border:2px solid var(--acy,#ffd21f)}
html[data-accent] .vl-it.next{box-shadow:0 0 0 3px var(--acy,#ffd21f),0 2px 0 #1d1208}
html[data-accent] .vl-btn:focus-visible{outline:2px solid var(--acy,#ffd21f)}
/* ===== customize end ===== */

/* ===== polish colours (2026-11-02) start — a few highlights that kept their old colour now follow the 🎨 colour (no accent chosen = unchanged) ===== */
html[data-accent] .aud-p b small{color:var(--acy2);opacity:.85}
html[data-accent] .xl-tabs a[aria-current]{background:var(--acy);border-color:var(--acd);color:#14141a}
html[data-accent] .lsw button.on{background:var(--acd);border-color:var(--acd);color:#fff}
html[data-accent][data-theme=light] .kick{color:var(--acd)}
html[data-accent] .l3d a{background:var(--acd)}
/* ===== polish colours end ===== */

/* ===== bughunt (2026-11-02) start ===== */
/* Hindi companion labels (.ui[lang=hi]) only in हिंदी mode; in हिंदी mode the translated line replaces them on lab banners */
html:not([data-ui=hi]) .ui[lang=hi]{display:none!important}
html[data-ui=hi] .l3d .ui[lang=hi],html[data-ui=hi] .xl-tabs .ui[lang=hi],html[data-ui=hi] .vl-more .ui[lang=hi]{display:none!important}
/* filter rows (Previous papers) never wider than the phone */
.filters{flex-wrap:wrap;max-width:100%}
.filters select,.filters input{min-width:0;max-width:100%}
main select{max-width:100%}
/* bigger language/header buttons on touch */
@media (pointer:coarse){.lseg button{min-width:36px;min-height:36px}}
/* ===== bughunt end ===== */
/* ===== cleanlook (2026-11-02) start — calm, clean look: softer neutral palette, ONE accent (follows the 🎨 colour; default violet), no glow/neon, lighter headings, bigger readable text, more space. Rollback: delete from this line to "cleanlook end" ===== */
:root{--cl-f:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari","Helvetica Neue",Arial,sans-serif;--cl-r:14px}
/* palette — dark (default): near-neutral slate */
html:not([data-theme=light]){--bg:#111317;--card:#181b20;--soft:#1e2228;--line:rgba(255,255,255,.085);--ink:#e6e8eb;--mut:#b4bac3;--hd:#f4f5f6;--kb:rgba(255,255,255,.06);
 --cl-ac:var(--acy,#a99bff);--cl-acs:rgba(var(--acrgb,124,107,255),.16);--cl-on:#121418;--cl-top:#14171b;--sh:none}
html:not([data-theme=light]):not([data-accent]){--y:#a99bff;--y2:#bdb3ff;--g:#c3bbff;--aqua:#c3bbff;--teal:#c3bbff;--link:#c3bbff;--teal2:#c3bbff}
html:not([data-theme=light])[data-accent]{--link:var(--acl);--teal:var(--acl)}
/* palette — light */
html[data-theme=light]{--bg:#f6f7f9;--card:#fff;--soft:#f0f2f5;--line:#e3e6eb;--ink:#1f2328;--mut:#4d5561;--hd:#111418;
 --cl-ac:var(--acd,#5b4bd6);--cl-acs:rgba(var(--acrgb,91,75,214),.10);--cl-on:#fff;--cl-top:#fff;--sh:none}
html[data-theme=light]:not([data-accent]){--y:#5b4bd6;--y2:#6d5ee0;--g:#5b4bd6;--aqua:#5b4bd6;--teal:#4f43c4;--link:#4f43c4;--teal2:#4f43c4}
html[data-theme=light][data-accent]{--y:var(--acd);--y2:var(--acd)}
html body{background:var(--bg);color:var(--ink);font-family:var(--cl-f);line-height:1.65}
html:not([data-theme=light]) body:before{display:none}
/* type: lighter, calmer headings */
html body h1,html body h2,html body h3,html body .btn,html body .brand b,html body .kick,html body .tabs button,html body .num{font-family:var(--cl-f)}
html body h1{font-weight:650;letter-spacing:-.018em;line-height:1.2}
html body h2{font-weight:620;letter-spacing:-.01em;line-height:1.3}
html body h3{font-weight:600;letter-spacing:-.005em}
html body small,html body .small{color:var(--mut)}
html body .lead{color:var(--mut);opacity:1}
html body .kick{color:var(--mut)!important;font-weight:500;letter-spacing:.01em;text-transform:none;font-size:.9rem;opacity:1}
/* header: solid, one hairline, no glow */
html body .top{background:var(--cl-top);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line);box-shadow:none}
html body .top:after{display:none}
html body .brand img{box-shadow:none}
html body .brand small{color:var(--mut);letter-spacing:.02em}
html body .tbtn{background:transparent;border-color:var(--line)}
html body .top .slh-lseg{background:transparent;border-color:var(--line)}
html body .top .slh-lseg button.on{background:var(--cl-ac);color:var(--cl-on);box-shadow:none}
html[data-theme=light] body .top,html[data-theme=light] body .top .brand{color:var(--hd)}
html[data-theme=light] body .top .brand b{color:var(--hd)}
html[data-theme=light] body .top .nav a,html[data-theme=light] body .top .tbtn,html[data-theme=light] body .top .slh-lseg button:not(.on){color:#2b313a}
html[data-theme=light] body .top .nav a[aria-current]{color:var(--cl-ac)}
/* bottom nav */
html body .bnav{background:var(--cl-top);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--line);box-shadow:none}
html body .bnav a{color:var(--mut)}
html body .bnav a[aria-current]{color:var(--cl-ac)}
html body .bnav a[aria-current] span{background:var(--cl-acs)}
/* no glow, no glass, no neon anywhere in the page body */
html body main *,html body .hero *{text-shadow:none!important}
html body main .kg-c,html body main .k3c,html body main .c3,html body main .card,html body main .dcard,html body main .lw-i,html body main .btn,html body main .kg-i,html body main .k3i,html body main .k3bi,html body main .picker,html body main .cls a,html body main .seg button,html body main .aud-p a,html body main .aud-t button,html body main .p2hs,html body main .chip,html body main .pill,html body main .c3b,html body main #k3bar{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .hero h1 em{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--cl-ac)!important}
/* hero: flat, quiet */
html body .hero{background:var(--bg)!important;color:var(--ink);border-bottom:0;padding:28px 0 20px}
html body .hero:after,html body .hero:before{display:none}
html body .hero h1{color:var(--hd);font-size:clamp(1.7rem,5vw,2.5rem)}
html body .hero .lead{color:var(--mut);font-size:1.06rem;line-height:1.6}
html body .hero .btn.ghost{background:transparent;color:var(--hd);border:1px solid var(--line)}
/* cards: flat, one border, same radius */
html body .kg-c,html body .k3c,html body .c3,html body .card,html body .dcard{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--cl-r)}
html body .lw-i{background:var(--card);border:1px solid var(--line);border-radius:var(--cl-r)}
@media (hover:hover){html body .kg-c:hover,html body .k3c:hover,html body .c3:hover,html body .dcard:hover{transform:none;border-color:color-mix(in srgb,var(--cl-ac) 45%,var(--line))!important;box-shadow:none}}
html body .kg-i,html body .k3i,html body .k3bi{background:var(--soft)!important;border-radius:12px}
html body .kg-t small,html body .k3t small{color:var(--mut);opacity:1;font-size:.875rem;line-height:1.4}
html body .kg-t b,html body .k3t b{font-weight:600;color:var(--hd)}
html body .c3b{box-shadow:none;border:1px solid var(--line);border-radius:var(--cl-r)}
@media (hover:hover){html body .c3b:hover{box-shadow:none;transform:none}html body .c3b:hover img{transform:none}}
html body .c3b em{background:rgba(0,0,0,.55)!important;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html body #k3bar{background:var(--card)!important;border-color:var(--line)!important}
html body .k3c[aria-current=true]{border-color:var(--cl-ac)!important;background:var(--cl-acs)!important}
/* buttons: simple, flat */
html body .btn{background:var(--cl-ac);color:var(--cl-on);border:1px solid transparent;border-radius:12px;box-shadow:none;font-weight:600;filter:none}
html body .btn:hover{filter:none;box-shadow:none;opacity:.92}
html body .btn.ghost,html body .ghost{background:transparent;color:var(--hd);border:1px solid var(--line);box-shadow:none}
html body .btn.dark{background:var(--soft);color:var(--hd);border-color:var(--line);box-shadow:none}
html body .chip,html body .pill{background:var(--soft);border:1px solid var(--line);color:var(--ink)}
html body .p2hs{background:var(--card);border:1px solid var(--line);color:var(--mut);border-radius:12px;min-height:50px}
/* picker = "Start here" */
html body .picker{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:16px;padding:18px}
html body .picker h2{color:var(--hd);font-size:1rem;font-weight:600}
html body .seg{background:var(--soft);border-radius:12px}
html body .seg button{color:var(--ink);font-family:var(--cl-f);font-weight:600}
html body .seg button[aria-pressed=true]{background:var(--cl-ac)!important;color:var(--cl-on)}
html body .cls a{background:var(--soft);color:var(--hd);border:1px solid var(--line);font-family:var(--cl-f);font-weight:650}
html body .cls a small{color:var(--mut);font-size:.78rem}
html body .cls a:hover{outline:0;border-color:var(--cl-ac)}
html body #continue{color:var(--mut)!important}html body #continue a{color:var(--cl-ac)!important}
/* hero "for you" strip (#aud): quiet */
html body .aud-q{color:var(--mut)!important;letter-spacing:.01em;text-transform:none;font-size:.95rem;font-weight:600}
html body .aud-t{background:var(--soft)!important;border:1px solid var(--line)!important}
html body .aud-t button{color:var(--ink);font-weight:600}
html body .aud-t button[aria-selected=true]{background:var(--cl-ac)!important;color:var(--cl-on)!important;box-shadow:none!important}
html body .aud-t button i{background:rgba(0,0,0,.25)}
html body .aud-p a{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
html body .aud-p b{color:var(--hd)!important;font-weight:650!important;font-size:1.5rem}
html body .aud-p b small{color:var(--mut)!important;font-weight:600}
html body .aud-p span{color:var(--mut)!important;font-size:.875rem}
html body .aud-x{color:var(--mut)}html body .aud-x a{color:var(--cl-ac)!important}
html body .aud-f li{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line);font-weight:600}
html body .aud-n{color:var(--mut);font-size:.8rem}
/* sections: more air */
html body .sec{padding:20px 0 14px}
html body main h2{margin-top:1.2em}
html body .foot{background:var(--cl-top);border-top:1px solid var(--line);color:var(--mut)}
html body .foot a{color:var(--ink)}html body .foot h3{color:var(--hd)}
/* ---------- home ---------- */
/* hero order: kicker → title → line → search → button → Start here → "for you" */
html.cl-home body .hero .hgrid{display:flex;flex-direction:column;gap:0}
html.cl-home body .hero .hgrid>div:first-child{display:contents}
html.cl-home body .hero .kick{order:1;margin:0 0 6px}
html.cl-home body .hero h1{order:2;margin:0 0 10px}
html.cl-home body .hero .lead{order:3;margin:0 0 14px;max-width:620px}
html.cl-home body .hero .p2hs{order:4;margin:0 0 12px;max-width:620px}
html.cl-home body .hero .hfoot{order:5}
html.cl-home body .hero .hfoot p{margin:0 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
html.cl-home body .hero .hfoot .btn{margin:0}
html.cl-home body .hero .hfoot .btn.ghost{border:0;padding-left:4px;padding-right:4px;color:var(--mut);text-decoration:underline;text-underline-offset:3px;background:none}
html.cl-home body .hero .picker{order:6;margin:0 0 18px}
html.cl-home body .hero .picker:before{content:attr(data-cl);display:block;font-size:.8rem;font-weight:600;color:var(--cl-ac);margin:0 0 8px;letter-spacing:.02em}
html.cl-home body .hero #aud{order:7;margin:6px 0 0;max-width:none}
@media (min-width:900px){
 html.cl-home body .hero .hgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:48px;align-items:start}
 html.cl-home body .hero .kick,html.cl-home body .hero h1,html.cl-home body .hero .lead,html.cl-home body .hero .p2hs,html.cl-home body .hero .hfoot{grid-column:1}
 html.cl-home body .hero .kick{grid-row:1}html.cl-home body .hero h1{grid-row:2}html.cl-home body .hero .lead{grid-row:3}html.cl-home body .hero .p2hs{grid-row:4}html.cl-home body .hero .hfoot{grid-row:5}
 html.cl-home body .hero .picker{grid-column:2;grid-row:1/span 5;align-self:center;margin:0}
 html.cl-home body .hero #aud{grid-column:1/-1;grid-row:6;margin-top:30px}
 html.cl-home body .hero{padding:52px 0 28px}
}
/* tools: grouped lists with clear headings */
html body #kidgrid h2{font-size:1.35rem;margin:6px 0 4px}
html body #kidgrid .kg-s{color:var(--mut);margin:0 0 16px}
html body #kidgrid .kg.cl-on{display:block;columns:1;column-gap:20px}
@media (min-width:760px){html body #kidgrid .kg.cl-on{columns:2}}
html body #kidgrid .cl-grp{break-inside:avoid;-webkit-column-break-inside:avoid;display:inline-block;width:100%;margin:0 0 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
html body #kidgrid .cl-gh{margin:0;padding:14px 16px 10px;font-size:.95rem;font-weight:600;color:var(--hd)}
html body #kidgrid .cl-gl{display:block}
html body #kidgrid .cl-gl .kg-c{display:flex!important;align-items:center;gap:14px;min-height:64px;padding:11px 40px 11px 16px;margin:0;border:0!important;border-top:1px solid var(--line)!important;border-radius:0;background:transparent!important;position:relative;transform:none!important;opacity:1}
html body #kidgrid .cl-gl .kg-c:after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-52%);font-size:1.35rem;color:var(--mut);opacity:.7}
html body #kidgrid .cl-gl .kg-c:active{background:var(--soft)!important}
@media (hover:hover){html body #kidgrid .cl-gl .kg-c:hover{background:var(--soft)!important}}
html body #kidgrid .cl-gl .kg-i{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;font-size:1.35rem;margin:0}
html body #kidgrid .cl-gl .kg-t{display:block;min-width:0}
html body #kidgrid .cl-gl .kg-t b{display:block;font-size:1rem;line-height:1.3}
html body #kidgrid .cl-gl .kg-t small{display:block;margin-top:2px;font-size:.875rem;line-height:1.4}
/* duplicate grids folded behind "Sab dekhiye" (still one tap away) */
html body .cl-fold:not(.cl-open) .wyg-g,html body .cl-fold:not(.cl-open) .slhs-kg{display:none!important}
html body .cl-mb{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;min-height:48px;margin:4px 0 16px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--hd);font:600 .95rem var(--cl-f);cursor:pointer}
html body .cl-fold.cl-open .cl-mb{margin-top:14px}
/* "What can you do" / "What you get" / study-way blocks: flat */
html body #whatu .wyg-p{background:var(--card);border:1px solid var(--line);border-radius:16px}
html body #whatu .wyg-p li::before{color:var(--cl-ac)}
html body #whatu .wyg-t{background:var(--card);border:1px solid var(--line);border-radius:var(--cl-r);min-height:76px}
html body #whatu .wyg-i{background:var(--soft);border-radius:12px;flex-basis:48px;height:48px;font-size:24px}
html body #whatu .wyg-x b{font-size:17px;font-weight:600}
html body #whatu .wyg-x small{color:var(--mut);opacity:1}
html body #whatu h2,html body #whats-on h2{font-size:1.35rem}
/* ---------- inner pages ---------- */
html body main table{border-color:var(--line)}
html:not([data-theme=light]) body .hero,html[data-theme=light] body .hero{background:var(--bg)!important}
html body main .kg-t b,html body main .k3t b,html body main .lw-n,html body main .wyg-x b{font-family:var(--cl-f)}
html body #kidgrid .cl-gl .kg-c{flex-direction:row!important;align-items:center!important;text-align:left;min-height:66px!important;gap:14px!important}
html body #kidgrid .cl-gl .kg-i{width:42px!important;height:42px!important;flex:0 0 42px!important}
html.cl-home body .hero .picker{width:100%;max-width:none;box-sizing:border-box}
html body .lw-sub{font-size:.95rem;color:var(--mut)}
html body main .lw-i{border-style:solid!important;background:var(--card)!important;border-color:var(--line)!important}
html body main .lw-i .kg-i{background:var(--soft)!important}
html body main .lw-n{background:var(--soft)!important;color:var(--mut)!important;box-shadow:none!important}
html body main .kg-s{font-size:.95rem}
html:not([data-theme=light]) body,html[data-theme=light] body{background:var(--bg)}
html body .slhs-ws>.cl-mb{width:min(520px,calc(100% - 36px));margin:4px 0 16px max(18px,calc((100% - 1084px)/2))}
html body .slhs-ws .slhs-who{background:var(--card)!important;border:1px solid var(--line)!important}
html body .slhs-wtabs button{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;font-weight:600}
html body .slhs-wtabs button.on{background:var(--cl-acs)!important;border-color:var(--cl-ac)!important;box-shadow:none!important}
html body .slhs-wpan a{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
html body .aud-f li.y{border-color:var(--line)!important}
html:not([data-theme=light]) body .foot,html[data-theme=light] body .foot{background:var(--cl-top)}
html body .lw-btn{background:var(--soft)!important;color:var(--hd)!important;border:1px solid var(--line)!important;box-shadow:none!important;font-weight:600}
html body .nav a:hover,html body .nav a[aria-current]{color:var(--cl-ac);background:var(--cl-acs)}
html body .nav{border-bottom-color:var(--line)}
@media(max-width:1180px){html body .top .nav{background:var(--cl-top)!important;box-shadow:none;border-bottom:1px solid var(--line)}html body .top .nav a+a{border-top-color:var(--line)}}
@media(min-width:1181px){html body .top .wrap.bar{max-width:1360px}html body .top .nav{gap:0}html body .top .nav a{white-space:nowrap;font-size:.85rem;padding:7px 6px}html body .top .wrap.bar{padding-left:14px;padding-right:14px}html body .top .brand b{white-space:nowrap}html body .top .brand small{white-space:nowrap}}
@media(min-width:1181px){html body .top .brand small{display:none}}
@media(min-width:1181px) and (max-width:1349px){html body .top .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cl-top)!important;flex-direction:column;align-items:stretch;padding:6px 14px 12px;border-bottom:1px solid var(--line);box-shadow:none}html body .top .nav.open{display:flex}html body .top .nav a{padding:12px;font-size:.95rem}html body .top .nav a+a{border-top:1px solid var(--line)}}
@media(min-width:1350px){html body .top .tools .mbtn{display:none}html body .top .wrap.bar{max-width:1480px}}
/* Study Saathi button: small, tidy, always fully on screen (bottom-right, above the tab bar) */
html body .slhs-f{height:46px;width:46px;padding:0!important;border-radius:50%;background:var(--card);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.28)!important;overflow:hidden;justify-content:center}
html body .slhs-f svg{width:46px;height:46px;flex:0 0 46px}
html body .slhs-f .slhs-fl{display:none}
html body .slhs-f.edge,html body .slhs-f.bh-tuck{right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:46px;height:46px;border-radius:50%;transform:none!important;opacity:.92!important}
@media(min-width:901px){html body .slhs-f.edge,html body .slhs-f.bh-tuck{bottom:20px!important}}
/* board / class pages: subject cards + readable chapter rows */
html body main.cl-board details.sub{border-radius:var(--cl-r);margin:0 0 12px;background:var(--card)}
html body main.cl-board details.sub>summary{padding:16px 18px;flex-wrap:wrap;gap:6px 10px;font-size:1.05rem}
html body main.cl-board details.sub>summary>.l-en,html body main.cl-board details.sub>summary>.l-hi,html body main.cl-board details.sub>summary>.l-hg{font-weight:600;color:var(--hd)}
html body main.cl-board details.sub>summary .chip{font-size:.8rem;font-weight:500;margin:0}
html body main.cl-board details.sub[open]>summary{border-bottom:1px solid var(--line)}
html body main.cl-board details.sub .in{padding:6px 18px 16px}
html body main.cl-board .sub ol{list-style:none;counter-reset:cl;margin:4px 0 14px;padding:0}
html body main.cl-board .sub ol li{counter-increment:cl;position:relative;padding:10px 0 10px 36px;margin:0;border-top:1px solid var(--line);line-height:1.45}
html body main.cl-board .sub ol li:first-child{border-top:0}
html body main.cl-board .sub ol li:before{content:counter(cl);position:absolute;left:0;top:9px;width:26px;height:26px;border-radius:8px;background:var(--soft);color:var(--mut);font-size:.8rem;font-weight:600;display:grid;place-items:center}
html body main.cl-board .sub ol i{display:block;font-size:.9em}
html body main.cl-board details.sub .btn.sm{margin:6px 8px 4px 0;padding:9px 14px;font-size:.9rem;white-space:normal;text-align:left}
html body main.cl-board h2{margin:1.6em 0 .7em;font-size:1.25rem}
html body .chip.cl-soon{background:transparent;border:1px dashed var(--line);color:var(--mut);font-weight:500}
html body .cl-slhp{margin:10px 0 6px}
html body main .note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cl-ac);color:var(--ink)}
/* labs + videos: softer highlights (lab notebook pages keep their paper look) */
html body .xl-tabs a{box-shadow:none!important}
html body .l3d{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--ink)!important}
html body .l3d .go{background:var(--cl-ac)!important;color:var(--cl-on)!important;box-shadow:none!important}
html body .vg-sbb{background:var(--soft)!important;color:var(--hd)!important;border:1px solid var(--line)!important;box-shadow:none!important}
@media(min-width:1181px){html body .top .brand{margin-right:14px}}
@media(max-width:430px){html body .top .brand b{font-size:.8rem;line-height:1.18;letter-spacing:-.01em}html body .top .brand{margin-right:auto;padding-right:6px;min-width:0}}
/* ≤400px: the ◐ theme button hides (Dark/Light/Auto stay in the 🎨 panel) so the name fits in two lines */
@media(max-width:400px){html body .top #themebtn{display:none}html body .top .wrap.bar{padding-left:12px;padding-right:12px;gap:6px}html body .top .brand{gap:7px}html body .top .brand b{font-size:.76rem}}
html body .lsw button{border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-family:var(--cl-f);font-weight:600}
html body .lsw button.on{background:var(--cl-ac)!important;border-color:var(--cl-ac)!important;color:var(--cl-on)!important}
html body .nbtn a{background:var(--soft)!important;color:var(--hd)!important;border:1px solid var(--line)!important;box-shadow:none!important;text-shadow:none!important}
/* ===== cleanlook end ===== */
/* ===== classdash (2026-11-02) start — class-aware dashboard (picker, header ✎ chip, class panel, sheet). Calm "clean look" style. Rollback: delete from this line to "classdash end" ===== */
html.cd-f .cd-x,html.cd-f body #main .cd-x.cd-x.cd-x,html.cd-f body #main #kidgrid a.cd-x.cd-x{display:none!important}
html.cd-wait #kidgrid,html.cd-wait #whats-on,html.cd-wait #whatu,html.cd-wait #aud,html.cd-wait #lw-exams,html.cd-wait #lw-way,html.cd-wait #lw-levels{visibility:hidden}
/* picker: 6 choices, chosen one marked */
html body .hero .cls.cd6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body .hero .cls a.cd-ex{font-size:1.05rem;letter-spacing:.01em}
html body .hero .cls a:is([aria-pressed=true],[aria-current=true]){border-color:var(--cl-ac);background:var(--cl-acs);color:var(--hd);outline:0}
html body .hero .cls a:is([aria-pressed=true],[aria-current=true]) small{color:var(--hd)}
html body .hero .picker .cd-cur{margin:12px 0 0;font-size:.92rem;line-height:1.45;color:var(--mut)}
/* header chip + menu item */
html body .top .tbtn.cd-hc{display:inline-flex;align-items:center;gap:3px;width:auto;min-width:40px;padding:0 9px;font:600 .9rem/1 var(--cl-f);color:inherit;white-space:nowrap}
html body .top .tbtn.cd-hc i{font-style:normal;font-size:.78rem;opacity:.75}
html body .top .nav a.cd-nav{font-weight:600;color:var(--cl-ac)}
@media (max-width:360px){html body .top .tbtn.cd-hc{min-width:34px;padding:0 6px}html body .top .tbtn.cd-hc i{display:none}}
/* the class panel */
#classdash.cd{padding:8px 0 10px}
#classdash .cd-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin:0 0 6px}
#classdash .cd-k{margin:0 0 2px;font-size:.82rem;font-weight:600;color:var(--cl-ac);letter-spacing:.02em}
#classdash .cd-hd h2{margin:0;font-size:1.45rem;color:var(--hd)}
#classdash .cd-s{margin:4px 0 0;color:var(--mut);font-size:.95rem;line-height:1.45}
.cd-chg,.cd-allb{flex:0 0 auto;font:600 .92rem/1 var(--cl-f);color:var(--cl-ac);background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 14px;cursor:pointer;min-height:42px}
.cd-chg:hover,.cd-allb:hover{border-color:var(--cl-ac)}
.cd-sec{margin:22px 0 0}
.cd-sec h3{margin:0 0 4px;font-size:1.12rem;color:var(--hd)}
.cd-ss{margin:0 0 10px;font-size:.92rem;color:var(--mut)}
.cd-sec h3+.cd-list,.cd-sec h3+details,.cd-sec h3+.cd-m3,.cd-sec h3+.cd-none{margin-top:10px}
.cd-note{margin:14px 0 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font-size:.95rem;line-height:1.5}
.cd-none{margin:6px 0 0;color:var(--mut);font-size:.95rem;line-height:1.5}
.cd-load{color:var(--mut);padding:18px 0}
/* subject cards */
details.cd-sub{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0 0 10px;overflow:hidden}
details.cd-sub>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;min-height:56px}
details.cd-sub>summary::-webkit-details-marker{display:none}
.cd-si{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:var(--soft)}
.cd-st{flex:1;min-width:0}
.cd-st b{display:block;font-size:1.02rem;font-weight:620;color:var(--hd);line-height:1.3}
.cd-st small{display:block;margin-top:3px;font-size:.86rem;line-height:1.45;color:var(--mut)}
.cd-sx{flex:0 0 auto;color:var(--mut);transition:transform .2s}
details.cd-sub[open]>summary .cd-sx{transform:rotate(180deg)}
.cd-ok,.cd-soon,.cd-pq{display:inline-block;font-size:.8rem;font-weight:600;line-height:1.3;padding:2px 8px;border-radius:999px;white-space:nowrap}
.cd-ok{color:#1d8a5a;background:rgba(34,176,125,.13)}
html:not([data-theme=light]) .cd-ok{color:#7ad9ae}
.cd-ok.sm{font-size:.74rem;padding:1px 6px;margin-left:4px}
.cd-soon{color:var(--mut);background:var(--soft);border:1px solid var(--line)}
.cd-pq{color:var(--cl-ac);background:var(--cl-acs)}
.cd-sb{padding:0 14px 14px}
ol.cd-ch{margin:0;padding:0;list-style:none;counter-reset:cdch;border-top:1px solid var(--line)}
ol.cd-ch li{counter-increment:cdch;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 0 10px 34px;border-bottom:1px solid var(--line);position:relative;font-size:.95rem;line-height:1.45}
ol.cd-ch li:before{content:counter(cdch);position:absolute;left:0;top:10px;width:24px;height:24px;border-radius:8px;background:var(--soft);color:var(--mut);font-size:.78rem;font-weight:600;display:grid;place-items:center}
ol.cd-ch .cd-cn{flex:1 1 200px;min-width:0;color:var(--ink);overflow-wrap:anywhere}
ol.cd-ch a.cd-cn{color:var(--hd);text-decoration:none;font-weight:560}
ol.cd-ch a.cd-cn:hover{color:var(--cl-ac)}
.cd-pls{display:flex;gap:6px;flex-wrap:wrap}
a.cd-pl{font-size:.8rem;font-weight:600;color:var(--cl-ac);border:1px solid var(--line);border-radius:999px;padding:4px 9px;text-decoration:none;white-space:nowrap}
.cd-sa{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
a.cd-bt{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:560;line-height:1.3}
a.cd-bt.pri{background:var(--cl-ac);border-color:var(--cl-ac);color:var(--cl-on)}
a.cd-bt:hover{border-color:var(--cl-ac)}
/* rows */
.cd-list{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:760px){#classdash .cd-list{grid-template-columns:1fr 1fr}}
a.cd-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-decoration:none;min-height:60px}
a.cd-row:hover{border-color:var(--cl-ac)}
.cd-ri{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;background:var(--soft)}
.cd-rt{flex:1;min-width:0}.cd-rt b{display:block;font-weight:600;font-size:.98rem;color:var(--hd);line-height:1.3}.cd-rt small{display:block;margin-top:2px;font-size:.86rem;line-height:1.4;color:var(--mut)}
.cd-rc{color:var(--mut);font-size:1.3rem}
/* 3D strip */
.cd-m3{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
a.cd-m{flex:0 0 116px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--hd);text-decoration:none;text-align:center;font-size:.86rem;font-weight:560;line-height:1.3}
a.cd-m img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--soft)}
a.cd-m:hover{border-color:var(--cl-ac)}
.cd-ft{margin:22px 0 4px;text-align:center}
/* sheet */
.cd-sheet{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center}
.cd-sheet .cd-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.cd-sheet .cd-pn{position:relative;width:100%;max-width:520px;max-height:92vh;overflow:auto;box-sizing:border-box;background:var(--card,#fff);color:var(--ink,#1f2328);border-radius:20px 20px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(16px);opacity:0;transition:transform .2s,opacity .2s;font-family:var(--cl-f,system-ui)}
.cd-sheet.on .cd-pn{transform:none;opacity:1}
@media (min-width:700px){.cd-sheet{align-items:center}.cd-sheet .cd-pn{border-radius:20px}}
.cd-ph{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cd-ph h3{margin:0;font-size:1.2rem;font-weight:620;color:var(--hd,#111)}
.cd-ph p{margin:4px 0 0;font-size:.92rem;color:var(--mut,#555);line-height:1.45}
.cd-x{flex:0 0 40px;height:40px;border-radius:999px;border:1px solid var(--line,#ddd);background:transparent;color:inherit;font-size:1rem;cursor:pointer}
.cd-lb{margin:16px 0 8px;font-size:.84rem;font-weight:600;color:var(--mut,#555)}
.cd-seg{display:flex;gap:8px}
.cd-seg button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--line,#ddd);background:transparent;color:inherit;font:600 .95rem var(--cl-f,system-ui);cursor:pointer}
.cd-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.cd-g.cd-g2{grid-template-columns:1fr 1fr;margin-top:0}
.cd-g button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;border-radius:14px;border:1px solid var(--line,#ddd);background:var(--soft,#f3f3f3);color:var(--hd,#111);font-family:var(--cl-f,system-ui);cursor:pointer;padding:8px 4px}
.cd-g button b{font-size:1.3rem;font-weight:650;line-height:1.1}.cd-g button small{font-size:.76rem;color:var(--mut,#555);line-height:1.2;text-align:center}
.cd-seg button[aria-pressed=true],.cd-g button[aria-pressed=true]{border-color:var(--cl-ac,#5b4bd6);background:var(--cl-acs,rgba(91,75,214,.12));color:var(--hd,#111)}
/* other pages: note when the page belongs to another class */
.cd-pn1{margin:10px 0 4px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:.92rem;line-height:1.5;color:var(--ink)}
.cd-pn1 a{color:var(--cl-ac);font-weight:600;white-space:nowrap}
html.slh-app .cd-pn1{margin:10px 16px 4px}
/* app shell mounts */
.sh-view .cd-mount{margin-top:4px}
.sh-view .cd-sec h3{font-size:1.05rem}
.sh-view .cd-m3{margin:0 -2px}
/* ===== classdash end ===== */
/* ===== classdash2 (2026-11-02) start — per-subject diagrams / 3D / labs, "All classes" in the picker, dashboard right after "Start here", "What's on this site". Rollback: delete from this line to "classdash2 end" ===== */
#kidgrid.cd2-in>#classdash.cd{padding:0 0 18px}
#kidgrid #classdash h2{margin:0}
.cd2-sub .cd-sb>ol.cd-ch{margin-bottom:6px}
ol.cd2-ch li:before{content:attr(data-n)}
.cd2-b{margin:14px 0 0}
.cd2-b h4,.cd2-h4{margin:0 0 8px;font-size:.98rem;font-weight:620;color:var(--hd);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cd2-h4{margin:14px 0 8px}
.cd2-n{font-size:.76rem;font-weight:600;color:var(--mut);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:1px 8px}
.cd2-none{margin:0;color:var(--mut);font-size:.92rem;line-height:1.45}
.cd2-all0{margin:12px 0 0}
.cd2-part{margin:16px 0 0;padding:12px 12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.cd2-part .cd2-b:first-of-type{margin-top:10px}
.cd2-part a.cd-row,.cd2-part a.cd-m{background:var(--card)}
.cd2-ph{margin:0;font-size:1.02rem;font-weight:640;color:var(--hd);line-height:1.35}
.cd2-ph small{font-weight:500;font-size:.82rem;color:var(--mut);margin-left:4px}
.cd2-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.cd2-chips a,.cd2-chips span{font-size:.8rem;font-weight:600;line-height:1.3;color:var(--cl-ac);border:1px solid var(--line);border-radius:999px;padding:4px 9px;text-decoration:none;white-space:nowrap;background:var(--card)}
.cd2-chips span{color:var(--mut)}
.cd2-mt{margin-top:8px}
.cd2-syl{margin:0 0 4px;padding:10px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line);font-size:.9rem;line-height:1.5;color:var(--ink)}
.cd-g.cd-g1{grid-template-columns:1fr;margin-top:0}
.cd-g.cd-g1 button b{font-size:1.05rem}
.hero .picker .cd-cur .cd2-lk{font:600 .9rem/1 var(--cl-f,inherit);color:var(--cl-ac);background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 12px;margin:6px 0 0;cursor:pointer;min-height:38px}
/* "What's on this site" */
details.cd2-sum{margin:14px 0 0;border:1px solid var(--line);border-radius:16px;background:var(--card);text-align:left;overflow:hidden}
details.cd2-sum>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;min-height:52px}
details.cd2-sum>summary::-webkit-details-marker{display:none}
details.cd2-sum[open]>summary .cd-sx{transform:rotate(180deg)}
.cd2-si{flex:0 0 auto;font-size:1.1rem}
.cd2-st{flex:1;min-width:0}.cd2-st b{display:block;font-size:.98rem;font-weight:620;color:var(--hd);line-height:1.3}.cd2-st small{display:block;margin-top:2px;font-size:.84rem;line-height:1.45;color:var(--mut);overflow-wrap:anywhere}
.cd2-sb{padding:0 14px 14px}
.cd2-sg{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:760px){.cd2-sg{grid-template-columns:3fr 2fr}}
.cd2-sh{margin:0 0 6px;font-size:.84rem;font-weight:650;color:var(--cl-ac);letter-spacing:.02em}
.cd2-sg ul{margin:0;padding:0 0 0 18px}
.cd2-sg li{margin:0 0 6px;font-size:.92rem;line-height:1.5;color:var(--ink)}
.cd2-sg li b{color:var(--hd);font-weight:620}
.cd2-tip{margin:10px 0 0;font-size:.88rem;color:var(--mut);line-height:1.45}
html.slh-app details.cd2-sum{display:none}
#kidgrid .kg-c .cd2-hid{display:none!important}
#kidgrid .kg-c small.cd2-vn{display:block}
/* ===== classdash2 end ===== */

/* desktopmode (2026-11-02, per Nitin): phone with Chrome "Desktop site" ON (layout ~980px on a <=600px screen) gets the real desktop layout; slh-fit is disabled. Here: show the main nav as a full row under the brand instead of the hamburger. Only matches phones in Desktop-site mode (device-width <=600 while layout >=900); laptops/tablets/normal phones unchanged. */
@media (max-device-width:600px) and (min-width:900px){
html body .top .wrap.bar{flex-wrap:wrap;row-gap:2px}
html body .top .nav{display:flex!important;position:static!important;order:3;flex:1 0 100%;width:100%;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:2px 2px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 8px!important;margin:0}
html body .top .nav a{white-space:nowrap;padding:6px 10px}
html body .top .tools .mbtn{display:none!important}
}
/* /desktopmode */

/* toc fix: sticky only as grid sidebar */.toc{position:static}.layout>.toc{position:sticky;top:132px;max-height:calc(100vh - 150px);overflow:auto}@media(max-width:900px){.layout>.toc{position:static;max-height:none}}


/* ===== premium3 (2026-11-03) start — SLH design system v3 ("Ink & Saffron"): brand type (Bricolage Grotesque + Instrument Sans, self-hosted), ink/paper palettes, one card/button/chip/icon language, header, home hero, stats strip, class navigator. Rollback: delete from this line to "premium3 end" ===== */
@font-face{font-family:"SLH Display";font-style:normal;font-weight:500 800;font-display:optional;src:url(/assets/fonts/bricolage-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"SLH Sans";font-style:normal;font-weight:400 700;font-display:optional;src:url(/assets/fonts/instrument-sans-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215}
:root{--p3-fd:"SLH Display","SLH Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;--p3-fb:"SLH Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;
 --p3-r1:10px;--p3-r2:14px;--p3-r3:20px;--p3-r4:28px;--p3-e:cubic-bezier(.2,.7,.2,1);
 --p3-bio:#34d399;--p3-phy:#7aa7ff;--p3-che:#ff8a8a;--p3-mat:#c4a2ff;--p3-sci:#5ad1c8;--p3-exam:#ffb547}
/* palette — dark ink (default) */
html:not([data-theme=light]){--bg:#0a0d14;--card:#11161f;--soft:#171d29;--line:rgba(255,255,255,.075);--ink:#e8ebf1;--mut:#a3abba;--hd:#fff;--kb:rgba(255,255,255,.05);
 --p3-bg2:#0d1119;--p3-card2:#151b26;--p3-line2:rgba(255,255,255,.13);--p3-ac:var(--acy,#ffb547);--p3-acs:rgba(var(--acrgb,255,181,71),.14);--p3-on:#1a1206;--p3-glow:rgba(var(--acrgb,255,181,71),.10);
 --p3-sh:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -24px rgba(0,0,0,.75);--p3-sh2:0 1px 0 rgba(255,255,255,.05) inset,0 24px 60px -28px rgba(0,0,0,.85);--p3-top:rgba(10,13,20,.82);
 --cl-ac:var(--p3-ac);--cl-acs:var(--p3-acs);--cl-on:var(--p3-on);--cl-top:var(--p3-top)}
html:not([data-theme=light]):not([data-accent]){--y:#ffb547;--y2:#ffc56e;--g:#ffc56e;--aqua:#ffc56e;--teal:#ffc56e;--link:#ffc978;--teal2:#ffc56e;--acrgb:255,181,71}
/* palette — light paper */
html[data-theme=light]{--bg:#f7f5f0;--card:#fff;--soft:#f1ede4;--line:#e7e1d4;--ink:#1b1d24;--mut:#575d69;--hd:#0f1117;--kb:rgba(15,17,23,.04);
 --p3-bg2:#f2efe7;--p3-card2:#fbfaf6;--p3-line2:#d8d1c1;--p3-ac:var(--acd,#b85400);--p3-acs:rgba(var(--acrgb,196,98,0),.10);--p3-on:#fff;--p3-glow:rgba(255,170,60,.16);
 --p3-sh:0 1px 2px rgba(40,30,10,.05),0 14px 34px -22px rgba(40,30,10,.22);--p3-sh2:0 2px 4px rgba(40,30,10,.05),0 26px 60px -30px rgba(40,30,10,.32);--p3-top:rgba(247,245,240,.86);
 --cl-ac:var(--p3-ac);--cl-acs:var(--p3-acs);--cl-on:var(--p3-on);--cl-top:var(--p3-top)}
html[data-theme=light]:not([data-accent]){--y:#b85400;--y2:#c76a12;--g:#b85400;--aqua:#b85400;--teal:#9a4700;--link:#9a4700;--teal2:#9a4700;--acrgb:196,98,0}
/* base type */
html body{font-family:var(--p3-fb);font-size:16.5px;line-height:1.62;letter-spacing:.002em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg)}
html body h1,html body h2,html body h3,html body .brand b,html body .p3-d{font-family:var(--p3-fd);font-feature-settings:"ss01","kern"}
html body h1{font-weight:700;letter-spacing:-.028em;line-height:1.08;font-size:clamp(1.9rem,5.4vw,3rem)}
html body h2{font-weight:650;letter-spacing:-.022em;line-height:1.18;font-size:clamp(1.38rem,3.6vw,1.95rem)}
html body h3{font-weight:620;letter-spacing:-.012em;line-height:1.3}
html body .btn,html body .tabs button,html body .num,html body .kick{font-family:var(--p3-fb)}
html[data-ui=hi] body h1,html[data-ui=hi] body h2,html[data-ui=hi] body h3{letter-spacing:0;line-height:1.35}
html body ::selection{background:rgba(var(--acrgb,255,181,71),.32)}
html body :focus-visible{outline:2.5px solid var(--p3-ac);outline-offset:3px;border-radius:6px}
html body a{text-underline-offset:.18em;text-decoration-thickness:.07em}
/* icons */
.p3i{width:1.2em;height:1.2em;display:inline-block;vertical-align:-.22em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.p3i.p3t{margin-right:.38em}
.p3-io{display:inline-grid!important;place-items:center;font-size:inherit}
.p3-io>.p3i{width:1.25em;height:1.25em;vertical-align:0}
/* header */
html body .top{background:var(--p3-top);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
html body .top.p3-sc{border-bottom-color:var(--line);box-shadow:0 10px 30px -22px rgba(0,0,0,.55)}
html body .top .bar{min-height:62px;gap:10px}
html body .brand{gap:10px}
html body .brand img{width:34px;height:34px;border-radius:10px;object-fit:cover}
html body .brand.p3b img{display:none}
html body .brand .p3-mark{width:34px;height:34px;flex:none;border-radius:10px;display:block;box-shadow:0 6px 16px -8px rgba(255,140,40,.7)}
html body .brand b{font-size:1.06rem;font-weight:700;letter-spacing:-.02em;color:var(--hd)}
html body .brand small{font-family:var(--p3-fb);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:2px}
html body .top .nav a{font-weight:550;font-size:.9rem;color:var(--mut);border-radius:999px;padding:7px 11px;transition:color .15s,background .15s}
html body .top .nav a:hover{color:var(--hd);background:var(--kb)}
html body .top .nav a[aria-current]{color:var(--hd);background:var(--p3-acs)}
html body .tbtn{border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);height:38px;min-width:38px;transition:background .15s,border-color .15s}
html body .tbtn:hover{background:var(--kb);border-color:var(--p3-line2)}
html body .top .slh-lseg{border-radius:999px;padding:3px;background:var(--kb);border:1px solid var(--line)}
html body .top .slh-lseg button{border-radius:999px;font-weight:600}
html body .top .slh-lseg button.on{background:var(--p3-ac);color:var(--p3-on)}
.p3-navbtn{display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font:inherit;padding:12px;cursor:pointer;text-align:left}
@media(min-width:901px){.p3-navbtn{display:none}}
@media(max-width:520px){html body .top #themebtn,html body .top #sizebtn,html body .top #custbtn{display:none!important}html body .brand small{display:none}html body .brand b{font-size:1rem}}
@media(max-width:900px){html body .top .nav{background:var(--p3-top);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:8px 14px 16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}html body .top .nav a,html body .p3-navbtn{font-size:1rem;padding:12px 14px;border-radius:14px;color:var(--ink)}}
/* buttons */
html body .btn{font-weight:650;border-radius:999px;padding:12px 20px;letter-spacing:-.005em;background:var(--p3-ac);border:1px solid transparent;color:var(--p3-on);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -12px rgba(var(--acrgb,255,181,71),.75)!important;transition:transform .16s var(--p3-e),box-shadow .2s,filter .2s}
html body .btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
html body .btn:active{transform:translateY(0) scale(.98)}
html body .btn.ghost,html body .btn.dark{background:transparent;color:var(--hd);border:1px solid var(--p3-line2);box-shadow:none!important}
html body .btn.ghost:hover{background:var(--kb)}
/* chips */
html body .chip{border-radius:999px;font-weight:600;letter-spacing:.005em;background:var(--p3-acs);color:var(--hd)}
/* cards: one surface language */
html body main .card,html body main .kg-c,html body main .k3c,html body main .c3,html body main .dcard,html body main .lw-i,html body main .wyg-t{border-radius:var(--p3-r3)!important;background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--p3-sh)!important;transition:transform .2s var(--p3-e),border-color .2s,box-shadow .2s}
@media(hover:hover){html body main a.card:hover,html body main a.kg-c:hover,html body main a.k3c:hover,html body main a.c3:hover,html body main a.dcard:hover,html body main a.wyg-t:hover{transform:translateY(-2px);border-color:var(--p3-line2)!important;box-shadow:var(--p3-sh2)!important}}
/* icon tiles inside cards */
html body main .kg-i,html body main .wyg-i,html body main .lw-he,html body main .cd-si,html body main .cd-ri,html body main .cd2-si{display:inline-grid!important;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--p3-acs);color:var(--p3-ac);font-size:20px;border:1px solid rgba(var(--acrgb,255,181,71),.18)}
html body main .wyg-t[style*="--h"] .wyg-i{color:var(--h);background:color-mix(in srgb,var(--h) 14%,transparent);border-color:color-mix(in srgb,var(--h) 26%,transparent)}
html body main .kg-c .kg-t b,html body main .wyg-x b{font-family:var(--p3-fd);font-weight:650;letter-spacing:-.012em;color:var(--hd)}
/* sections */
html body .sec{padding:30px 0}
html body main section>.wrap>h2:first-child,html body .lw-hd h2{margin-top:6px}
html body .kg-s,html body .lw-sub{color:var(--mut)}
/* FAQ */
html body .faq{border:1px solid var(--line)!important;border-radius:var(--p3-r2)!important;background:var(--card)!important;padding:4px 16px!important;margin:10px 0!important}
html body .faq summary{font-family:var(--p3-fd);font-weight:620;letter-spacing:-.01em;padding:12px 0;cursor:pointer}
/* footer */
html body .foot{background:var(--p3-bg2);border-top:1px solid var(--line);color:var(--mut);padding:44px 0 30px;margin-top:40px}
html body .foot h3{font-size:1.25rem;color:var(--hd)}
html body .foot a{color:var(--ink)}
html body .foot .flinks{display:flex;flex-wrap:wrap;gap:6px 18px}
html body .foot .flinks a,html body .foot .linkbtn{color:var(--mut);text-decoration:none;font-size:.92rem}
html body .foot .flinks a:hover{color:var(--hd)}
html body .foot .copy{font-size:.8rem;opacity:.85;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
/* bottom nav (phones) */
html body .bnav{background:var(--p3-top);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--line)}
html body .bnav a{font-weight:600;font-size:.68rem;letter-spacing:.01em;color:var(--mut)}
html body .bnav a span{border-radius:999px;padding:3px 14px;transition:background .2s}
html body .bnav a[aria-current]{color:var(--hd)}
html body .bnav a[aria-current] span{background:var(--p3-acs);color:var(--p3-ac)}
/* breadcrumbs & kicker */
html body .crumbs{font-size:.82rem}
html body .kick{font-size:.78rem!important;font-weight:650!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--p3-ac)!important}

/* premium3 — language spans in new elements */
.p3-l [data-l]{display:none}html:not([data-ui=hi]):not([data-ui=hg]) .p3-l [data-l=en],html[data-ui=hi] .p3-l [data-l=hi],html[data-ui=hg] .p3-l [data-l=hg]{display:inline}
/* premium3 — home hero */
html body .hero.p3-hero{position:relative;overflow:hidden;padding:30px 0 18px;background:var(--bg)!important;isolation:isolate}
html body .hero.p3-hero:before{content:"";display:block!important;position:absolute;inset:-20% -10% auto;height:620px;z-index:-1;background:radial-gradient(60% 55% at 18% 8%,var(--p3-glow),transparent 70%),radial-gradient(40% 45% at 92% 18%,rgba(122,167,255,.08),transparent 70%);pointer-events:none}
html body .p3-hero .hgrid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kick" "h1" "lead" "srch" "foot" "art" "pick" "aud";gap:0;align-items:start}
html body .p3-hero .p3-hl{display:contents}
html body .p3-hero .p3-kick{grid-area:kick}
html body .p3-hero h1{grid-area:h1}
html body .p3-hero .lead{grid-area:lead}
html body .p3-hero .p2hs{grid-area:srch}
html body .p3-hero .hfoot{grid-area:foot}
html body .p3-hero .p3-art{grid-area:art}
html body .p3-hero .picker{grid-area:pick}
html body .p3-hero #aud{grid-area:aud}
html body .p3-kick{display:inline-flex!important;align-items:center;gap:8px;justify-self:start;padding:6px 12px 6px 10px!important;margin:4px 0 14px!important;border-radius:999px;border:1px solid var(--line);background:var(--kb);font-size:.72rem!important;letter-spacing:.08em!important}
.p3-live{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:p3pulse 2.4s infinite}
@keyframes p3pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
html body .p3-hero h1{font-size:clamp(2.45rem,10.4vw,4.4rem);line-height:1.0;letter-spacing:-.04em;margin:0 0 14px;font-weight:720;color:var(--hd)}
html body .p3-hero h1 em{font-style:normal;display:inline;color:var(--p3-ac)!important;position:relative;white-space:nowrap}
html body .p3-hero h1 em:after{content:"";position:absolute;left:2%;right:2%;bottom:-.02em;height:.12em;border-radius:99px;background:currentColor;opacity:.28}
html[data-ui=hi] body .p3-hero h1{line-height:1.22;letter-spacing:-.01em;font-size:clamp(2.1rem,8.6vw,3.6rem)}
html body .p3-hero .lead{font-size:1.08rem;line-height:1.6;color:var(--mut);max-width:34em;margin:0 0 18px}
html body .p3-hero .p2hs{display:flex!important;align-items:center;gap:12px;width:100%;max-width:560px;min-height:56px;padding:0 10px 0 18px!important;margin:0 0 16px!important;border-radius:18px!important;border:1px solid var(--p3-line2)!important;background:var(--card)!important;color:var(--mut)!important;font:500 1rem/1.3 var(--p3-fb)!important;text-align:left;cursor:text;box-shadow:var(--p3-sh)!important;transition:border-color .2s,box-shadow .2s}
html body .p3-hero .p2hs:hover{border-color:var(--p3-ac)!important}
html body .p3-hero .p2hs .ic{width:20px;height:20px;color:var(--p3-ac);flex:none}
html body .p3-hero .p2hs>span{flex:1}
html body .p3-hero .p2hs kbd{font:600 .78rem var(--p3-fb);padding:3px 8px;border-radius:7px;border:1px solid var(--line);color:var(--mut)}
@media(hover:none){html body .p3-hero .p2hs kbd{display:none}}
html body .p3-hero .hfoot p{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
html body .p3-hero .hfoot .btn{margin:0}
/* art */
.p3-art{margin:14px auto 4px;width:100%;max-width:440px;aspect-ratio:520/440}
.p3-art svg{width:100%;height:100%;display:block;overflow:visible}
.p3-art .p3-gs1{stop-color:rgba(var(--acrgb,255,181,71),.16)}.p3-art .p3-gs0{stop-color:rgba(var(--acrgb,255,181,71),0)}
html[data-theme=light] .p3-art .p3-gs1{stop-color:rgba(255,170,60,.22)}
.p3-art .p3-dot{fill:var(--mut);opacity:.22}
.p3-art .p3-grid{opacity:.55;-webkit-mask:radial-gradient(closest-side,#000 55%,transparent);mask:radial-gradient(closest-side,#000 55%,transparent)}
.p3-art .p3-ring{fill:none;stroke:var(--mut);stroke-opacity:.28;stroke-width:1.2;stroke-dasharray:3 9}
.p3-art .p3-book path{fill:var(--card);stroke:var(--hd);stroke-opacity:.85;stroke-width:2.4;stroke-linejoin:round}
.p3-art .p3-book .p3-lines{fill:none;stroke-opacity:.3;stroke-width:2;stroke-linecap:round}
.p3-art .p3-book .p3-spine{fill:none}
.p3-art .p3-dna path{fill:none;stroke:var(--p3-bio);stroke-width:3.4;stroke-linecap:round}
.p3-art .p3-dna .p3-r{stroke-width:2.4;stroke-opacity:.55}
.p3-art .p3-atom ellipse{fill:none;stroke:var(--p3-phy);stroke-width:2.6}
.p3-art .p3-atom .p3-nuc{fill:var(--p3-ac)}.p3-art .p3-atom .p3-el{fill:var(--p3-phy)}
.p3-art .p3-flask path{fill:none;stroke:var(--p3-che);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.p3-art .p3-flask .p3-liq{fill:var(--p3-che);fill-opacity:.28;stroke:none}
.p3-art .p3-flask circle{fill:none;stroke:var(--p3-che);stroke-width:2}
.p3-art .p3-geo path,.p3-art .p3-geo circle{fill:none;stroke:var(--p3-mat);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.p3-art .p3-geo .p3-r{stroke-width:2.2;stroke-opacity:.7}
.p3-art .p3-chip rect{fill:var(--card);stroke:var(--p3-line2);stroke-width:1.2}
.p3-art .p3-chip text{font:700 15px var(--p3-fd);fill:var(--hd);text-anchor:middle;letter-spacing:-.01em}
.p3-art .p3-c2 text{fill:var(--p3-bio)}.p3-art .p3-c3 text{fill:var(--p3-ac)}
.p3-art .p3-fl,.p3-art .p3-chip{animation:p3float 7s ease-in-out infinite alternate}
.p3-art .p3-f2{animation-duration:8.5s;animation-delay:-2s}.p3-art .p3-f3{animation-duration:6.2s;animation-delay:-4s}.p3-art .p3-f4{animation-duration:9s;animation-delay:-1s}
.p3-art .p3-orb{transform-origin:260px 214px;animation:p3spin 90s linear infinite}
@keyframes p3float{from{translate:0 -5px}to{translate:0 6px}}
@keyframes p3spin{to{rotate:360deg}}
/* picker = "Start here" class navigator */
html body .p3-hero .picker{margin:22px 0 0;padding:18px!important;border-radius:var(--p3-r4)!important;background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--p3-sh)!important}
html body .p3-hero .picker:before{content:attr(data-cl);display:block;font:650 .72rem var(--p3-fb);letter-spacing:.14em;text-transform:uppercase;color:var(--p3-ac);margin:0 0 6px}
html body .p3-hero .picker h2{font-size:1.08rem!important;margin:6px 0 10px!important;color:var(--hd)}
html body .p3-hero .picker .seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--kb);border:1px solid var(--line)}
html body .p3-hero .picker .seg button{border-radius:999px!important;padding:8px 16px!important;font-weight:650;border:0!important;background:transparent!important;color:var(--mut)!important}
html body .p3-hero .picker .seg button[aria-pressed=true]{background:var(--p3-ac)!important;color:var(--p3-on)!important}
html body .p3-hero .picker .cls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body .p3-hero .picker .cls a{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:96px;padding:12px 14px!important;border-radius:18px!important;background:var(--p3-card2)!important;border:1px solid var(--line)!important;color:var(--hd)!important;font:720 2rem/1 var(--p3-fd)!important;letter-spacing:-.04em;text-decoration:none;overflow:hidden;transition:transform .18s var(--p3-e),border-color .2s}
html body .p3-hero .picker .cls a.cd-ex{font-size:1.5rem!important;letter-spacing:-.02em}
html body .p3-hero .picker .cls a small{font:600 .74rem var(--p3-fb)!important;letter-spacing:.02em;color:var(--mut)!important;margin-top:6px;order:2}
html body .p3-hero .picker .cls a:after{position:absolute;top:12px;right:12px;font:650 .62rem var(--p3-fb);letter-spacing:.06em;padding:3px 7px;border-radius:999px;background:var(--kb);color:var(--mut)}
html body .p3-hero .picker .cls a[data-c="9"]:after,html body .p3-hero .picker .cls a[data-c="10"]:after{content:"SCI"}
html body .p3-hero .picker .cls a[data-c="11"]:after,html body .p3-hero .picker .cls a[data-c="12"]:after{content:"PCMB"}
html body .p3-hero .picker .cls a[data-c=neet]:after{content:"PCB"}html body .p3-hero .picker .cls a[data-c=jee]:after{content:"PCM"}
html body .p3-hero .picker .cls a:before{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;border-radius:50%;background:var(--h,var(--p3-ac));opacity:.10;transition:opacity .2s}
html body .p3-hero .picker .cls a[data-c="9"]{--h:var(--p3-sci)}html body .p3-hero .picker .cls a[data-c="10"]{--h:var(--p3-bio)}html body .p3-hero .picker .cls a[data-c="11"]{--h:var(--p3-phy)}html body .p3-hero .picker .cls a[data-c="12"]{--h:var(--p3-mat)}html body .p3-hero .picker .cls a[data-c=neet]{--h:var(--p3-che)}html body .p3-hero .picker .cls a[data-c=jee]{--h:var(--p3-exam)}
@media(hover:hover){html body .p3-hero .picker .cls a:hover{transform:translateY(-2px);border-color:var(--p3-line2)!important}html body .p3-hero .picker .cls a:hover:before{opacity:.2}}
html body .p3-hero .picker .cls a:is([aria-pressed=true],[aria-current=true]){border-color:var(--p3-ac)!important;box-shadow:0 0 0 1px var(--p3-ac) inset}
html body .p3-hero .picker .cd-cur{color:var(--mut);font-size:.9rem;margin:12px 0 0}
/* aud = "For you" */
html body .p3-hero #aud{margin:16px 0 0;max-width:none;padding:18px;border-radius:var(--p3-r4);background:var(--card);border:1px solid var(--line);box-shadow:var(--p3-sh);min-height:0!important}
html body .p3-hero #aud .aud-q{color:var(--p3-ac);font:650 .72rem var(--p3-fb);letter-spacing:.14em}
html body .p3-hero #aud .aud-t{background:var(--kb);border:1px solid var(--line);border-radius:999px}
html body .p3-hero #aud .aud-t button{border-radius:999px;color:var(--mut);font-weight:650}
html body .p3-hero #aud .aud-t button[aria-selected=true]{background:var(--p3-ac);color:var(--p3-on);box-shadow:none}
html body .p3-hero #aud .aud-p a{background:var(--p3-card2);border:1px solid var(--line);border-radius:18px;color:var(--ink)}
html body .p3-hero #aud .aud-p b{color:var(--hd);font-family:var(--p3-fd);font-weight:720;letter-spacing:-.03em}
html body .p3-hero #aud .aud-p b small{color:var(--p3-ac)}
html body .p3-hero #aud .aud-p span{color:var(--mut)}
html body .p3-hero #aud .aud-f li{border-radius:999px}
/* stats strip */
.p3-stats{padding:10px 0 8px}
.p3-st{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--p3-r4);background:linear-gradient(180deg,var(--card),var(--p3-bg2))}
.p3-st li{padding:14px 10px 12px;text-align:center;position:relative}
.p3-st li:not(:nth-child(3n+1)):before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.p3-st li:nth-child(n+4){border-top:1px solid var(--line)}
.p3-st b{display:block;font:740 1.6rem/1.05 var(--p3-fd);letter-spacing:-.035em;color:var(--hd)}
.p3-st li:last-child b{color:var(--p3-ac)}
.p3-st span{display:block;font-size:.76rem;line-height:1.35;color:var(--mut);margin-top:4px}
@media(min-width:760px){.p3-st{grid-template-columns:repeat(6,minmax(0,1fr));padding:8px}.p3-st li:nth-child(n+4){border-top:0}.p3-st li:not(:first-child):before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}.p3-st b{font-size:2rem}}
/* desktop hero */
@media(min-width:980px){
 html body .hero.p3-hero{padding:56px 0 26px}
 html body .p3-hero .hgrid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"kick art" "h1 art" "lead art" "srch art" "foot art" "pick pick" "aud aud";column-gap:48px}
 html body .p3-hero .p3-art{margin:0;align-self:center;max-width:520px;justify-self:end}
 html body .p3-hero h1{font-size:clamp(3.4rem,5.4vw,4.75rem)}
 html body .p3-hero .picker{margin-top:40px;display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:center;padding:22px 24px!important}
 html body .p3-hero .picker:before{grid-column:1/-1}
 html body .p3-hero .picker>*{grid-column:1/-1}
 html body .p3-hero .picker .cls{grid-template-columns:repeat(6,minmax(0,1fr))}
 html body .p3-hero #aud{display:grid;grid-template-columns:minmax(0,320px) 1fr;column-gap:28px}
 html body .p3-hero #aud>*{grid-column:1/-1}
}


/* premium3 — hero layout wins over cleanlook's order rules (both before and after JS adds html.cl-home) */
html body .hero.p3-hero .hgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"art" "kick" "h1" "lead" "srch" "foot" "pick" "aud"!important;column-gap:0!important;row-gap:0!important;align-items:start!important}
html body .hero.p3-hero .hgrid>*,html body .hero.p3-hero .p3-hl>*{order:0!important;grid-row:auto!important;grid-column:auto!important}
html body .hero.p3-hero .p3-kick{grid-area:kick!important}html body .hero.p3-hero h1{grid-area:h1!important}html body .hero.p3-hero .lead{grid-area:lead!important}html body .hero.p3-hero .p2hs{grid-area:srch!important}html body .hero.p3-hero .hfoot{grid-area:foot!important}html body .hero.p3-hero .p3-art{grid-area:art!important}html body .hero.p3-hero .picker{grid-area:pick!important;align-self:start!important}html body .hero.p3-hero #aud{grid-area:aud!important}
html body .hero.p3-hero .hfoot .btn.ghost{border:1px solid var(--p3-line2)!important;padding:12px 18px!important;text-decoration:none!important;color:var(--hd)!important;border-radius:999px!important}
html body .hero.p3-hero .p3-art{max-width:360px;margin:-6px auto 6px}
@media(min-width:980px){
 html body .hero.p3-hero .hgrid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;grid-template-areas:"kick art" "h1 art" "lead art" "srch art" "foot art" "pick pick" "aud aud"!important;column-gap:56px!important}
 html body .hero.p3-hero .p3-art{max-width:540px;margin:0;align-self:center!important;justify-self:end}
}
/* header width on desktop */
@media(min-width:1350px){html body .top .wrap.bar{max-width:1360px}html body .top .nav{gap:2px}html body .top .nav a{font-size:.86rem;padding:7px 10px}}
@media(min-width:980px){html body .wrap{max-width:1180px}}


html body .p3-hero h1 em:after{display:none}
html body .top .slh-lseg .l{display:none!important}html body .top .slh-lseg .s{display:inline!important}
html body .top .slh-lseg button{min-width:34px;padding:0 8px;height:30px;font-size:.8rem}
html body .top .brand{margin-right:14px}
html body .hero.p3-hero .hfoot p{flex-wrap:nowrap!important;gap:10px!important}
html body .hero.p3-hero .hfoot .btn{flex:0 1 auto;justify-content:center;white-space:nowrap;padding:12px 18px!important;font-size:.95rem}
@media(max-width:420px){html body .hero.p3-hero .hfoot .btn{flex:1 1 auto;padding:12px 12px!important;font-size:.9rem}}
html body .p3-hero .picker .seg{justify-self:start;width:auto!important;display:inline-flex!important}
html body .p3-hero .picker .seg button{flex:none!important}
html body .p3-hero .picker .cls a:before{inset:12px auto auto 14px!important;width:22px!important;height:4px!important;border-radius:99px!important;opacity:.9!important;background:var(--h,var(--p3-ac))!important}
html body .p3-hero .picker .cls a{padding-top:28px!important}
.p3-art .p3-grid{opacity:.4}
/* "What's on this site" summary inside Start here */
html body .p3-hero .cd2-sum{margin-top:14px;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--p3-card2)!important;padding:4px 14px!important}
html body .p3-hero .cd2-sum summary{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;list-style:none}
html body .p3-hero .cd2-sum summary small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mut);font-size:.8rem;line-height:1.4}
html body .p3-hero .cd2-sum[open] summary small{display:none}
html body .p3-hero .cd2-sum .cd2-si{width:36px!important;height:36px!important;border-radius:12px!important;font-size:17px!important}
html body .p3-hero .cd2-sum ul{list-style:none;padding:0;margin:6px 0 12px}
html body .p3-hero .cd2-sum li{position:relative;padding:7px 0 7px 22px;border-top:1px solid var(--line);font-size:.9rem;line-height:1.45;color:var(--mut)}
html body .p3-hero .cd2-sum li b{color:var(--hd)}
html body .p3-hero .cd2-sum .cd2-sg>div:first-child li:before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%;background:#34d399}
html body .p3-hero .cd2-sum .cd2-sg>div:last-child li:before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--mut)}
html body .p3-hero .cd2-sum .cd2-sh{font:650 .72rem var(--p3-fb)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)!important;margin:10px 0 2px}


html body .hero.p3-hero .hgrid{grid-template-areas:"art" "kick" "h1" "lead" "srch" "foot" "stats" "pick" "aud"!important}
html body .hero.p3-hero .p3-stats{grid-area:stats!important;padding:18px 0 0}
@media(min-width:980px){html body .hero.p3-hero .hgrid{grid-template-areas:"kick art" "h1 art" "lead art" "srch art" "foot art" "stats stats" "pick pick" "aud aud"!important}html body .hero.p3-hero .p3-stats{padding-top:34px}html body .p3-hero .picker{margin-top:22px!important}}
@media(max-width:560px){html body .hero.p3-hero .hfoot p{flex-wrap:wrap!important}html body .hero.p3-hero .hfoot .btn{flex:1 1 100%!important;padding:13px 16px!important;font-size:.98rem}}


html body .top #sizebtn{display:none!important}
@media(min-width:1350px) and (max-width:1560px){html body .top .nav a[href="/about/"],html body .top .nav a[href="/dashboard/"]{display:none}}

html body button,html body input,html body select,html body textarea{font-family:inherit}


/* premium3 — generated dark-mode tints for light-only maths/learn boxes */
html:not([data-theme=light]) body .cxlh .tag{color:rgb(160,196,162)!important}
html:not([data-theme=light]) body .cxcan{background:rgba(200,220,235,.10)!important}
html:not([data-theme=light]) body .mxraw{color:var(--ink)!important}
html:not([data-theme=light]) body .mxtag{color:var(--ink)!important}
html:not([data-theme=light]) body .box.mxdef{background:rgba(170,210,255,.10)!important}
html:not([data-theme=light]) body .box.mxthm{background:rgba(195,175,255,.10)!important}
html:not([data-theme=light]) body .box.mxtop{background:rgba(255,220,105,.10)!important}
html:not([data-theme=light]) body .box.mxbeg{background:rgba(140,220,170,.10)!important}
html:not([data-theme=light]) body .box.mxtry{background:rgba(245,190,220,.10)!important}
html:not([data-theme=light]) body .box.mxtry details summary{color:rgb(218,149,179)!important}
html:not([data-theme=light]) body .box.mxex{background:rgba(255,245,205,.10)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .mxsol>summary{color:rgb(202,180,140)!important}
html:not([data-theme=light]) body .mxsteps .w{color:var(--ink)!important}
html:not([data-theme=light]) body .mxans{background:rgba(140,205,145,.10)!important}
html:not([data-theme=light]) body .mxans>b{color:rgb(160,196,162)!important}
html:not([data-theme=light]) body .mxchips button{background:rgba(255,255,255,.05)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .mxok{color:rgb(160,196,162)!important}
html:not([data-theme=light]) body .mxno{color:rgb(229,158,158)!important}
html:not([data-theme=light]) body .rcg th{color:var(--ink)!important}
html:not([data-theme=light]) body .rcg button{background:rgba(255,255,255,.05)!important;color:rgb(160,196,162)!important}
html:not([data-theme=light]) body .rcg button.dg{background:rgba(195,215,235,.10)!important}
html:not([data-theme=light]) body .rcg button[aria-pressed=true]{background:rgba(140,205,145,.10)!important}
html:not([data-theme=light]) body .fnb{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .cpm{background:rgba(195,215,235,.10)!important}
html:not([data-theme=light]) body .m3n small{color:var(--ink)!important}
html:not([data-theme=light]) body .m3op{color:var(--ink)!important}
html:not([data-theme=light]) body .m3g td{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .m3g.ga td.on{background:rgba(255,100,0,.10)!important}
html:not([data-theme=light]) body .m3g.gb td.on{background:rgba(0,90,235,.10)!important;color:rgb(146,172,212)!important}
html:not([data-theme=light]) body .m3g.gc td{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .m3g.gc td.on{background:rgba(220,0,20,.10)!important;color:rgb(218,149,179)!important}
html:not([data-theme=light]) body .c4g td{background:rgba(255,255,255,.05)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c4g td.ln{background:rgba(115,190,245,.10)!important}
html:not([data-theme=light]) body .c4g td.hid{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .c4g td.cur{background:rgba(255,195,100,.10)!important}
html:not([data-theme=light]) body .c4g small.pos{color:rgb(160,196,162)!important}
html:not([data-theme=light]) body .c4g small.neg{color:rgb(229,158,158)!important}
html:not([data-theme=light]) body .c4m{background:rgba(255,245,205,.10)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c4st{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .c4st button{background:rgba(255,255,255,.05)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c7k{background:rgba(255,255,255,.05)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c7k small{color:var(--ink)!important}
html:not([data-theme=light]) body .c7f1{background:rgba(115,190,245,.10)!important}
html:not([data-theme=light]) body .c7f2{background:rgba(255,195,100,.10)!important}
html:not([data-theme=light]) body .c7tab div{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .c11n{background:rgba(255,255,255,.05)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c11cell{background:rgba(205,220,235,.10)!important}
html:not([data-theme=light]) body .c11cell small{color:var(--ink)!important}
html:not([data-theme=light]) body .c11eq,html:not([data-theme=light]) body .c11st{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .c11vw{background:rgba(255,255,255,.05)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c11turn{color:var(--ink)!important}
html:not([data-theme=light]) body .c11turn button{background:rgba(255,255,255,.05)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c11hunt{background:rgba(255,220,105,.10)!important}
html:not([data-theme=light]) body .c12st{color:var(--ink)!important}
html:not([data-theme=light]) body .c12t th{background:rgba(185,205,220,.10)!important}
html:not([data-theme=light]) body .c13d{background:rgba(255,255,255,.05)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c13d.a{background:rgba(115,190,245,.10)!important}
html:not([data-theme=light]) body .c13d.b{background:rgba(255,195,100,.10)!important}
html:not([data-theme=light]) body .c13key .k.a{background:rgba(115,190,245,.10)!important}
html:not([data-theme=light]) body .c13key .k.b{background:rgba(255,195,100,.10)!important}
html:not([data-theme=light]) body .c13row{background:rgba(255,255,255,.05)!important;border-color:var(--line)!important}
html:not([data-theme=light]) body .c13bar{background:rgba(170,190,200,.10)!important}
html:not([data-theme=light]) body .dcard img{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .fig img{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .lvb[aria-pressed=true]{color:var(--ink)!important}
html:not([data-theme=light]) body .lvc{background:rgba(255,255,255,.05)!important}
html:not([data-theme=light]) body .lvz .lvb{color:var(--ink)!important}
html:not([data-theme=light]) body .lvload{color:var(--ink)!important}
html:not([data-theme=light]) body .tb .trb{background:rgba(255,220,105,.10)!important;color:rgb(220,187,140)!important}
html:not([data-theme=light]) body .tb.trsel{background:rgba(255,220,105,.10)!important}
html:not([data-theme=light]) body #trs .tx{background:rgba(255,245,205,.10)!important;border-color:var(--line)!important}
/* premium3 — dark-mode contrast fixes for older light-only boxes (maths, labs, transliteration) */
html:not([data-theme=light]) body .box.mxdef{background:rgba(122,167,255,.08)!important;border-left-color:#7aa7ff!important}
html:not([data-theme=light]) body .box.mxbeg{background:rgba(52,211,153,.08)!important;border-left-color:#34d399!important}
html:not([data-theme=light]) body .box.mxex,html:not([data-theme=light]) body .c4m{background:rgba(255,181,71,.07)!important;border-color:rgba(255,181,71,.22)!important;border-left-color:#ffb547!important}
html:not([data-theme=light]) body #trs .tx{background:var(--soft)!important;border-color:var(--line)!important;color:var(--ink)}
html:not([data-theme=light]) body .mxtag{color:var(--hd)!important}
html:not([data-theme=light]) body .mxh1i{background:var(--p3-acs)!important}
html:not([data-theme=light]) body .mxchips button[aria-pressed=true],html:not([data-theme=light]) body .cxlab .seg button[aria-pressed=true]{background:var(--p3-ac)!important;color:var(--p3-on)!important;border-color:var(--p3-ac)!important}
html:not([data-theme=light]) body .l3d-t{color:var(--hd)!important}html:not([data-theme=light]) body .l3d-t small{color:var(--mut)!important}
html body .pal button.a,html body .m3sel .chip[aria-pressed=true]{color:var(--p3-on)!important}

html[data-theme=light] body .vl-step .pill{color:var(--ink)!important}html[data-theme=light] body .vl-step .pill b{color:var(--p3-ac,#b85400)!important}

/* premium3 — language-pure UI: the "explain" button label follows the reading language (was the अ glyph in every mode) */
html body .trb{font-size:0!important;width:auto!important;min-width:0!important;padding:3px 9px!important;border-radius:999px!important;line-height:1.2!important;white-space:nowrap}
html body .trb::after{content:"Explain";font-size:.72rem;font-weight:700;letter-spacing:.01em;font-family:var(--p3-sans,inherit)}
html[data-ln=hi] body .trb::after{content:"समझें"}
html[data-ln=hg] body .trb::after{content:"Samjho"}
/* Hindi glossary terms beside English part names only show when reading in Hindi */
html:not([data-ln=hi]) body article.lrn li>span[lang=hi]:not(.Lh){display:none}

/* premium3 — font picker (shared contract: localStorage "slh_font" = auto|hand|sans|serif|easy, html[data-font], event "slh:font") */
@font-face{font-family:"SLH Easy";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/atkinson-400.woff2) format("woff2")}
@font-face{font-family:"SLH Easy";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/atkinson-700.woff2) format("woff2")}
@font-face{font-family:"SLH Hand";font-style:normal;font-weight:400;font-display:swap;src:url(/notes/fonts/kalam-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20B9,U+2212}
@font-face{font-family:"SLH Hand";font-style:normal;font-weight:400;font-display:swap;src:url(/notes/fonts/kalam-400-deva.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+A8E0-A8FF}
@font-face{font-family:"SLH Hand";font-style:normal;font-weight:700;font-display:swap;src:url(/notes/fonts/kalam-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20B9,U+2212}
@font-face{font-family:"SLH Hand";font-style:normal;font-weight:700;font-display:swap;src:url(/notes/fonts/kalam-700-deva.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+A8E0-A8FF}
html[data-font=sans]{--p3-fd:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;--p3-fb:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif}
html[data-font=serif]{--p3-fd:Georgia,"Noto Serif","Noto Serif Devanagari",serif;--p3-fb:Georgia,"Noto Serif","Noto Serif Devanagari",serif}
html[data-font=easy]{--p3-fd:"SLH Easy","Atkinson Hyperlegible","Noto Sans Devanagari",sans-serif;--p3-fb:"SLH Easy","Atkinson Hyperlegible","Noto Sans Devanagari",sans-serif}
html[data-font=hand]{--p3-fd:"SLH Hand","Noto Sans Devanagari",cursive;--p3-fb:"SLH Hand","Noto Sans Devanagari",cursive}
html:is([data-font=sans],[data-font=serif],[data-font=easy],[data-font=hand]) body,html:is([data-font=sans],[data-font=serif],[data-font=easy],[data-font=hand]) body :is(p,li,a,button,span,b,strong,em,small,label,summary,td,th,input,select,textarea,div,dt,dd,figcaption,blockquote):not(.katex *):not(.katex):not(svg *):not(.ic):not([class*=icon]){font-family:var(--p3-fb)!important}
html:is([data-font=sans],[data-font=serif],[data-font=easy],[data-font=hand]) body :is(h1,h2,h3,h4,h5,.brand b):not(.katex *){font-family:var(--p3-fd)!important}
html[data-font=easy] body{font-size:112%;letter-spacing:.02em;word-spacing:.06em}html[data-font=easy] body :is(p,li,.tb,dd){line-height:1.75!important}
#slhc .fnt{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
#slhc .fnt button{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px!important;text-align:left;min-height:58px}
#slhc .fnt button b{font-size:1.15rem;line-height:1.1}#slhc .fnt button span{font-size:.72rem;opacity:.8}
#slhc .fnt [data-font-pv=auto] b{font-family:"SLH Display","Noto Sans Devanagari",sans-serif!important}
#slhc .fnt [data-font-pv=sans] b{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif!important}
#slhc .fnt [data-font-pv=serif] b{font-family:Georgia,"Noto Serif","Noto Serif Devanagari",serif!important}
#slhc .fnt [data-font-pv=easy] b{font-family:"SLH Easy","Atkinson Hyperlegible","Noto Sans Devanagari",sans-serif!important}
#slhc .fnt [data-font-pv=hand] b{font-family:"SLH Hand","Noto Sans Devanagari",cursive!important}

html:not([data-ui=hi]):not([data-ln=hi]) .p3-hi-only{display:none}
html body .hero.p3-hero:before{inset:-140px -10% auto!important}

/* premium3 — "Didn't get it?" sheet: every language tab looks tappable in every theme */
html body #trs{background:var(--card,#141a26)!important;color:var(--ink)!important}
html body #trs .tabs button{border:1.5px solid var(--line)!important;background:var(--soft)!important;color:var(--ink)!important;opacity:1!important;font-family:var(--p3-fb)!important}
html body #trs .tabs button:disabled{opacity:1!important}
html body #trs .tabs button.on{background:var(--p3-ac)!important;border-color:var(--p3-ac)!important;color:var(--p3-on,#1a1206)!important}
html body #trs .tabs button:focus-visible{outline:2px solid var(--p3-ac);outline-offset:2px}
html body #trs .x{border-color:var(--line)!important;color:var(--ink)!important}
html body #trs .se-l{margin:0;padding-left:1.1em}html body #trs .se-l li{margin:.25em 0}
html[data-theme=light] body #trs .tx{background:#fffaf0!important;border-color:#f0dcb0!important;color:#1b1f27!important}
/* motion: respect reduced motion */
@media (prefers-reduced-motion:reduce){html body *{transition:none!important;animation:none!important}}
/* ===== premium3 end ===== */
html body #trs .tabs button:not(.on){border-color:rgba(255,255,255,.34)!important}
html[data-theme=light] body #trs .tabs button:not(.on){border-color:rgba(20,24,33,.28)!important;background:#fff!important;color:#1b1f27!important}

/* ===== phase4 (2026-11-03): accessibility + layout-shift fixes ===== */
html:not([data-theme=light]) .how b[style*="7b3fe4"],html:not([data-theme=light]) .tb b[style*="7b3fe4"]{color:#b9a2ff!important}
.lvinline:empty{min-height:min(88vh,820px);border-radius:14px;background:var(--card,#12141b)}
html body .lvz .lvb[aria-pressed=true]{color:#081c2c!important}
html:not([data-theme=light]) .vl-swipe{color:#5fd3dc}

/* se links (018f2835) */
.slk{display:block;margin-top:.55em;font-weight:600}

.se-eq{margin:.6em 0;padding:.5em .8em;border-radius:10px;background:rgba(201,151,58,.10);font-weight:650;text-align:center}

/* nrd: opaque sticky header (1d3e7555, 3 Nov) */
html body .top,html body .top.p3-sc{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid rgba(201,151,58,.22)!important}
html:not([data-theme=light]) body .top{background:#0a0b10!important}
html[data-theme=light] body .top{background:#f7f5f0!important;border-bottom-color:rgba(154,111,31,.22)!important}
html body .lsw{border-bottom:1px solid rgba(201,151,58,.16)}
html.slh-app .sh-top{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border-bottom:1px solid rgba(154,111,31,.22)}
html.slh-app.sh-dark .sh-top{background:#11161f!important;border-bottom-color:rgba(201,151,58,.22)}

/* custfix (2026-11-03): font + colour customise always reachable on phones — visible 🎨 header button (44px tap area) + top items in the ☰ menu */
html body .p3-navtools{display:none}
@media(max-width:900px){
html body .top .nav .p3-navtools{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:0 0 10px;border-bottom:1px solid var(--line,rgba(255,255,255,.12))}
html body .top .nav .p3-navtools .p3-navbtn{display:flex;width:100%;min-height:48px;font-weight:650}
html body .top .nav .p3-navtools .p3-navcust{background:rgba(var(--acyrgb,248,201,63),.14);border:1px solid rgba(var(--acyrgb,248,201,63),.45)}
html body .top .nav .p3-ni{font-size:1.15rem;line-height:1;width:24px;text-align:center}
}
@media(max-width:520px){
html body .top #custbtn{display:inline-grid!important;place-items:center;width:38px;height:38px;min-width:38px;padding:0;flex:0 0 auto;border-radius:999px;font-size:1.1rem;border:1px solid rgba(var(--acyrgb,248,201,63),.6);background:rgba(var(--acyrgb,248,201,63),.14)}
html body .top #custbtn:after{left:-4px;right:-4px;top:-4px;bottom:-4px}html body .top #custbtn,html body .top #menubtn{margin-left:4px}
html body .top #menubtn{position:relative;min-width:38px;flex:0 0 auto}
html body .top #menubtn:after{content:"";position:absolute;left:-4px;right:-4px;top:-4px;bottom:-4px}
html body .top .tools{flex:0 0 auto}
html body .top .brand{min-width:0;flex:1 1 auto}html body .top .brand img{flex:0 0 auto}
html body .top .brand span{min-width:0}
html body .top .brand b{white-space:normal;line-height:1.12!important}
}
@media(max-width:380px){
html body .top .wrap.bar{padding-left:10px;padding-right:10px;gap:6px}
html body .top .brand{gap:6px}
html body .top .brand img{width:30px;height:30px}
html body .top .brand b{font-size:.72rem}
html body .top .tools{gap:3px}
html body .top .slh-lseg button{padding-left:5px;padding-right:5px;font-size:.78rem}
}
@media(max-width:340px){
html body .top .brand b{font-size:.66rem}
html body .top .slh-lseg button{padding-left:4px;padding-right:4px}
}
@media(max-width:520px){html body .top .slh-lseg button{padding-left:6px;padding-right:6px}html body .top .brand b{font-size:.74rem;letter-spacing:-.01em}}
@media(max-width:345px){html body .top .brand span{display:none}html body .top .brand{flex:0 0 auto}}
@media print{html body .top #custbtn,html body .p3-navtools{display:none!important}}

/* tablet fix (2026-11-03, per Nitin's tablet screenshot): portrait tablets 600–979px had the hero squeezed left (text max 620px, art 360px) and header tools bunched next to the logo (nav hidden <1350px, nothing pushed tools right). Header: tools always sit at the right edge. Hero 600–979: centred, full-width single column. */
html body .top .wrap.bar>.tools{margin-left:auto}
@media(min-width:600px) and (max-width:979.98px){
html body .hero.p3-hero .hgrid{justify-items:center!important;text-align:center}
html body .hero.p3-hero .p3-art{max-width:min(460px,60vw)!important;width:100%;margin:4px auto 18px!important;justify-self:center!important}
html body .hero.p3-hero .p3-kick{justify-content:center;justify-self:center;margin-left:auto;margin-right:auto}
html body .hero.p3-hero h1{text-align:center;width:100%;max-width:760px;margin-left:auto;margin-right:auto}
html body .hero.p3-hero .lead{text-align:center;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}
html body .hero.p3-hero .p2hs{width:100%;max-width:680px!important;margin-left:auto!important;margin-right:auto!important;justify-self:center}
html body .hero.p3-hero .hfoot{width:100%}
html body .hero.p3-hero .hfoot p{justify-content:center}
html body .hero.p3-hero .picker,html body .hero.p3-hero .p3-stats,html body .hero.p3-hero .aud{width:100%;text-align:start;justify-self:stretch}
}

/* SLH brand/print protection (brand 2026-11-04): watermark + header/footer on every printed/PDF page, light theme, no app chrome */
@page{size:auto;margin:16mm 12mm 15mm;
 @top-left{content:"Simple Learning Hub";font:700 8.5pt/1 system-ui,Arial,sans-serif;color:#8a6d12}
 @top-right{content:"simplelearninghub.pages.dev";font:8pt/1 system-ui,Arial,sans-serif;color:#777}
 @bottom-left{content:"\00A9  Simple Learning Hub \00B7  simplelearninghub.pages.dev";font:8pt/1 system-ui,Arial,sans-serif;color:#666}
 @bottom-right{content:"Page " counter(page) " / " counter(pages);font:8pt/1 system-ui,Arial,sans-serif;color:#666}}
@media print{
 html,html[data-theme],html[data-theme=dark],html[data-theme=light]{--ink:#14212b;--mut:#4b5863;--bg:#fff;--card:#fff;--line:#d9dee3;--soft:#f3f5f7;--okbg:#e7f7ec;--badbg:#fdeaea;--link:#07677f;--hd:#14212b;--ok:#15803d;--bad:#c62828;color-scheme:light}
 html,body{background:#fff!important;color:#14212b!important}
 .bnav,nav.bnav,#nav,.top,.lsw,.foot,.p3-navtools,#themebtn,#langbtn,#sizebtn,#lowbtn,#menubtn,#repbtn,#custbtn,#slhc,#slhc-bd,#sh-splash,.noprint,.slh-noprint{display:none!important}
 body{padding-bottom:0!important;margin-bottom:0!important}
 body::before{content:"Simple Learning Hub \00B7  simplelearninghub.pages.dev";display:block;font:700 10pt/1.3 system-ui,Arial,sans-serif;color:#8a6d12;border-bottom:1.5px solid #c9a227;padding:0 0 5px;margin:0 0 12px}
 html::after{content:"Simple Learning Hub";white-space:nowrap;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-40deg);transform-origin:50% 50%;
  font:700 50pt/1.2 system-ui,Arial,Helvetica,sans-serif;text-align:center;color:rgba(110,110,110,.2);-webkit-text-stroke:.6pt rgba(110,110,110,.28);
  mix-blend-mode:multiply;z-index:2147483647;pointer-events:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* apphero 2026-11-05 header: brand "Simple Learning Hub" never wraps or collides with the header buttons (Nitin's 412 px screenshot).
   Phones <=520 px: logo only (the text is the link's aria-label already); wider: one line, ellipsis as a last resort. */
@media(max-width:520px){html body .top .brand span{display:none!important}html body .top .brand{flex:0 0 auto!important;min-width:0}html body .top .brand img{width:38px;height:38px}}
@media(min-width:520.02px){html body .top .brand{min-width:0}html body .top .brand span{min-width:0;overflow:hidden}html body .top .brand b{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;display:block}}

/* mobfix 2026-11-05 (Nitin 1:49 PM "mobile friendly banana hai"): phones <=600 px — no sideways scroll, tap targets >=44 px, captions >=12 px */
@media(max-width:600px){
html,body{overflow-x:clip}
html body .crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
html body .lsw button{min-height:44px}
html body .btn.sm{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html body .cd-pn1 a{display:inline-flex;align-items:center;min-height:44px}
html body .linkbtn{min-height:44px;display:inline-flex;align-items:center}
html body .trb{position:relative}html body .trb:after{content:"";position:absolute;left:-4px;right:-4px;top:-9px;bottom:-9px}
html body .vl-pick small{font-size:12px!important}
html body .vl-new{font-size:12px!important}
html body .foot .flinks a{min-height:44px!important}
html body .linkbtn{min-height:44px!important}
html body .picker .seg button{min-height:44px}
}