/* Wonder Squad Academy static site theme (matches the hazhar.com design system) */
:root{--bg:#0b1530;--bg2:#08112a;--panel:#111f45;--panel2:#16285a;--line:#22335f;--line2:#3a4a75;--text:#dfe5f3;--muted:#8d98b8;--white:#fff;--mint:#5ee0d0;--mint2:#3cc9b8;--amber:#ffb23e;--red:#e02424;--ink:#0b1530;
--display:'Bricolage Grotesque','Trebuchet MS',system-ui,sans-serif;--body:'Atkinson Hyperlegible','Segoe UI',system-ui,sans-serif;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 var(--body)}
img{max-width:100%;height:auto}a{color:var(--mint)}a:hover{color:#8ff0e4}
h1,h2,h3,h4{font-family:var(--display);color:var(--white);line-height:1.15;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;color:var(--amber)}
.in{width:98%;max-width:none;margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.eyebrow{display:block;font:700 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:11px 18px;font:700 .95rem/1.1 var(--body);text-decoration:none;background:var(--mint);color:var(--ink);border:2px solid var(--mint);transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px);background:#7ff0e2;color:var(--ink)}
.btn.ghost{background:transparent;color:#fff;border-color:var(--line2)}.btn.ghost:hover{border-color:var(--mint);color:var(--mint)}
.btn.white{background:#fff;border-color:#fff;color:var(--ink)}
.btn.yt{background:var(--red);border-color:var(--red);color:#fff}.btn.yt:hover{background:#f03a3a;color:#fff}
.btn.sun{background:var(--amber);border-color:var(--amber);color:var(--ink)}
/* header */
.ws-nav{position:sticky;top:0;z-index:50;background:var(--bg2);box-shadow:0 1px 0 var(--line)}
.ws-nav .in{display:flex;align-items:center;gap:14px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:700 1.35rem/1 var(--display);flex:0 0 auto;white-space:nowrap}
.logo span em{font-style:normal;color:var(--mint)}.logo img{border-radius:50%;width:38px;height:38px}
.logo:hover{color:#fff}
.ws-nav nav{margin-left:auto}
.ws-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;align-items:center}
.ws-nav li a,.ws-nav summary{display:block;padding:9px 10px;border-radius:6px;font:700 .72rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-decoration:none;cursor:pointer;white-space:nowrap}
.ws-nav li a:hover,.ws-nav summary:hover,.ws-nav a[aria-current]{color:var(--mint);background:rgba(94,224,208,.08)}
.ws-nav li a.pill{background:var(--mint);color:var(--ink);border-radius:999px;padding:7px 12px}
.ws-nav li a.ytl{color:#ff6b6b}
.ws-nav summary{list-style:none}.ws-nav summary::-webkit-details-marker{display:none}.ws-nav summary::after{content:' \25BE'}
.ws-nav details{position:relative}
.dd{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 16px 36px rgba(0,0,0,.4);display:flex;flex-direction:column;z-index:60}
.dd a{padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:700;font-size:.92rem}.dd a:hover{background:var(--panel2);color:var(--mint)}
.search{display:flex;align-items:center;border:1px solid var(--line2);border-radius:10px;padding:3px 6px 3px 12px;background:rgba(255,255,255,.04)}
.search input{border:0;outline:0;font:inherit;font-size:.85rem;width:120px;background:none;color:#fff;min-width:0}.search input::placeholder{color:var(--muted)}
.search button{border:0;background:none;color:var(--mint);font-size:1rem;cursor:pointer;transform:rotate(-45deg)}
.ws-burger{display:none;margin-left:auto;background:none;border:1px solid var(--line2);border-radius:10px;width:44px;height:40px;cursor:pointer;padding:9px 10px}
.ws-burger span{display:block;height:2px;background:#fff;margin:4px 0;border-radius:2px}
@media(max-width:1020px){
.ws-burger{display:block}.ws-nav .in{flex-wrap:wrap;padding:10px 0}
.ws-nav .menu{display:none;flex-basis:100%;padding:6px 0 10px}.ws-nav.open .menu{display:block}
.ws-nav nav{margin:0}.ws-nav ul{flex-direction:column;align-items:stretch}
.ws-nav li a,.ws-nav summary{font-size:.85rem;padding:12px 10px}
.dd{position:static;box-shadow:none;margin:4px 0 6px 10px}
.search{margin:8px 0 4px}.search input{width:100%;flex:1}}
/* hero */
.hero{padding:56px 0 44px;background:radial-gradient(900px 420px at 88% 10%,rgba(94,224,208,.10),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(255,178,62,.07),transparent 60%)}
.hero-g{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1.05}
.hero h1 span{color:var(--mint)}
.hero p.lead{font-size:1.12rem;color:var(--text);opacity:.9;max-width:600px;margin:0 0 22px}
.hero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.hero-art{position:relative;height:400px}
.hero-art img{position:absolute;width:56%;border-radius:10px;box-shadow:0 24px 50px rgba(0,0,0,.5)}
.hero-art img:nth-child(1){right:4%;top:0;transform:rotate(4deg);z-index:3}
.hero-art img:nth-child(2){left:6%;top:12%;transform:rotate(-6deg);z-index:2;opacity:.92}
.hero-art img:nth-child(3){right:26%;top:30%;transform:rotate(1deg);z-index:1;opacity:.75}
@media(max-width:860px){.hero-g{grid-template-columns:1fr}.hero-art{display:none}}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 0}
.doors a{display:block;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--c);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s}
.doors a:hover{transform:translateY(-2px);border-color:var(--c)}
.doors b{display:block;font:700 1.35rem/1.1 var(--display);color:#fff;margin-bottom:4px}.doors small{color:var(--muted);font-size:.9rem}.doors i{display:block;font-style:normal;color:var(--mint);font-weight:700;font-size:.86rem;margin-top:8px}
@media(max-width:700px){.doors{grid-template-columns:1fr}}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stats span{border:1px solid var(--line2);border-radius:999px;padding:5px 14px;font-weight:700;font-size:.85rem;color:var(--muted)}.stats b{color:#fff}
/* sections */
.sec{padding:46px 0}.sec h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.sec-h a{font-weight:700;text-decoration:none}
.sec-h p{margin:-4px 0 0;color:var(--muted)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,30px)}
.band{background:linear-gradient(135deg,var(--panel),#0d1a3d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* featured */
.feat{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.feat .vid{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.feat .vid iframe{width:100%;height:100%;border:0}
.feat .new{display:inline-block;background:var(--amber);color:var(--ink);font:800 .7rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:5px 9px;margin-bottom:10px}
.feat h3{font-size:1.7rem}.feat h3 a{color:#fff;text-decoration:none}.feat p{color:var(--muted)}
@media(max-width:820px){.feat{grid-template-columns:1fr}}
/* cards */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.filters button{border:1px solid var(--line2);background:transparent;border-radius:999px;padding:7px 14px;font:700 .85rem var(--body);color:var(--text);cursor:pointer}
.filters button:hover{border-color:var(--mint);color:var(--mint)}
.filters button[aria-pressed=true]{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.fbar{display:flex;gap:12px;align-items:center;margin:0 0 20px;flex-wrap:wrap}.fbar input{border:1px solid var(--line2);border-radius:10px;padding:9px 14px;font:inherit;font-size:.95rem;min-width:min(320px,100%);background:rgba(255,255,255,.04);color:#fff}.fcount{color:var(--muted);font-weight:700;font-size:.88rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--line2)}
.card .th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0d1838}.card .th img{width:100%;height:100%;object-fit:cover;display:block}
.card .th.txt{display:grid;place-items:center;background:linear-gradient(135deg,#1c2f66,#2a1f5c);font:700 1.2rem var(--display);color:var(--amber);text-decoration:none}
.card .play{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:.85rem;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.card .bd{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.card h3{font-size:1.12rem;margin:2px 0 0;line-height:1.25}.card h3 a{color:#fff;text-decoration:none}.card h3 a:hover{color:var(--mint)}
.card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.card .quiz{margin-top:auto;padding-top:4px;font-size:.78rem;font-weight:700;color:var(--mint)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-block;font:700 .7rem/1 var(--body);letter-spacing:.04em;border-radius:6px;padding:5px 8px;text-decoration:none;color:var(--c,#5ee0d0);background:color-mix(in srgb,var(--c,#5ee0d0) 16%,transparent);border:1px solid color-mix(in srgb,var(--c,#5ee0d0) 35%,transparent)}
.tag:hover{color:#fff}
/* books */
.bookrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,170px);gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.book{scroll-snap-align:start;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:6px}
.book img{border-radius:8px;aspect-ratio:800/1035;object-fit:cover;width:100%;box-shadow:0 12px 26px rgba(0,0,0,.45);transition:transform .15s}.book:hover img{transform:translateY(-3px)}
.book b{font-size:.9rem;line-height:1.25;color:#fff}.book span{font-size:.78rem;color:var(--amber);font-weight:700}
.bookgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bookcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s}
.bookcard:hover{transform:translateY(-2px);border-color:var(--mint)}.bookcard img{border-radius:10px;width:100%;aspect-ratio:800/1035;object-fit:cover}
.bookcard .bc{display:flex;flex-direction:column;gap:5px}.bookcard b{font:700 1.15rem var(--display);color:#fff}.bookcard i{font-style:normal;align-self:flex-start;background:var(--amber);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bookcard small{color:var(--muted)}
@media(max-width:860px){.bookgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* playlists */
.pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.pl article{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--c);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px}
.pl h3{font-size:1.15rem;margin:0}.pl p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.pl .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto}
.pl .row a{font-weight:700;font-size:.84rem;text-decoration:none;border-radius:10px;padding:8px 12px}
.pl .row a.l{background:var(--mint);color:var(--ink)}.pl .row a.y{color:#ff6b6b;padding:8px 4px}
/* trust */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;gap:12px;align-items:center}
.trust .ic{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:rgba(94,224,208,.12);color:var(--mint)}
.trust b{display:block;font:700 1.05rem var(--display);color:#fff}.trust span{color:var(--muted);font-size:.9rem}
@media(max-width:860px){.trust{grid-template-columns:1fr}}
/* hubs */
.hub-hero{padding:44px 0 34px;background:radial-gradient(800px 300px at 90% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 65%);border-bottom:1px solid var(--line)}
.hub-hero h1{font-size:clamp(2.1rem,4.8vw,3.3rem);margin-bottom:.25em}.hub-hero h1 span{color:var(--c)}
.hub-hero p{max-width:740px;font-size:1.08rem;margin:0 0 16px;color:var(--text)}
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.subnav a{border:1px solid var(--line2);color:var(--text);border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none;font-size:.88rem}.subnav a:hover{border-color:var(--mint);color:var(--mint)}
/* articles and pages */
.page{padding:36px 0 54px}
.article{max-width:none;width:100%;margin:0 auto}
.article.wide{max-width:none}
.article>h1{font-size:clamp(2rem,4.6vw,3.2rem);text-align:center;margin-bottom:.3em}
.meta{color:var(--muted);font-size:.92rem;margin:0 0 26px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.crumbs{font-size:.85rem;margin:0 0 14px;color:var(--muted)}.crumbs a{text-decoration:none;font-weight:700;color:var(--muted)}.crumbs a:hover{color:var(--mint)}
.article>.crumbs{text-align:center}
.post-body{color:var(--text)}.post-body p,.post-body li{color:var(--text)}
.post-body h2{font-size:1.5rem;margin-top:1.5em}.post-body h3{font-size:1.2rem;margin-top:1.3em}
.post-body strong,.post-body b{color:#fff}
.post-body iframe{max-width:100%}.post-body ul,.post-body ol{padding-left:1.3em}.post-body li{margin:.3em 0}
.post-body img{border-radius:10px}
.post-body table{width:100%;border-collapse:collapse}.post-body th{background:var(--panel2);color:#fff;text-align:left;padding:9px 11px}.post-body td{border-bottom:1px solid var(--line);padding:9px 11px}
.after{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);justify-content:center}
/* legacy classes used inside post and page bodies */
.ws-post .ws-meta,.ws-legacy,.ws-ld{display:none}
.ws-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin:0 0 22px;box-shadow:0 18px 40px rgba(0,0,0,.4)}.ws-video iframe{width:100%;height:100%;border:0}
.ws-btn,.ws-cta a{display:inline-block;background:var(--mint);color:var(--ink)!important;border-radius:12px;padding:11px 18px;font-weight:700;text-decoration:none}
.ws-chip{display:inline-block;background:var(--amber);color:var(--ink);border-radius:6px;padding:3px 9px;font-weight:800;font-size:.75rem}
.wss-try{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:14px;padding:12px 18px;margin:20px 0}.wss-try-h{font-weight:700;margin:0 0 4px;color:#fff}
.wsa-seo{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px 22px 14px;margin:26px 0}
.ws-gform iframe{border-radius:14px;background:#fff;width:100%;height:1250px;border:0}
@media(max-width:600px){.ws-gform iframe{height:1450px}}
.ws-chip+.ws-chip{margin-left:4px}
/* light island for the hand-designed Level Up page */
.legacy-wrap{background:#f6f8fc;color:#1b2340;padding:10px 0 30px}
.legacy-wrap h1,.legacy-wrap h2,.legacy-wrap h3,.legacy-wrap h4{color:#14213d}
/* shorts */
.shorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.short{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .15s}
.short:hover{transform:translateY(-2px);color:var(--mint)}
.short .th{position:relative;aspect-ratio:9/16;background:#0d1838}.short img{width:100%;height:100%;object-fit:cover;display:block}
.short .b{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:.68rem;font-weight:800;border-radius:6px;padding:2px 7px}
.short .n{padding:10px 12px;font-weight:700;font-size:.9rem;line-height:1.3}
/* footer */
.ws-foot{background:#060d22;color:var(--muted);padding:40px 0 28px;margin-top:40px;border-top:1px solid var(--line)}
.ws-foot a{color:var(--text);text-decoration:none}.ws-foot a:hover{color:var(--mint)}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}
.fcols h4{font:700 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.fcols div>a:not(.logo):not(.btn){display:block;padding:4px 0;font-size:.92rem}
.fcols p{font-size:.92rem}
.ws-foot .note{font-size:.82rem;border-top:1px solid var(--line);margin-top:26px;padding-top:16px}
.ws-foot .copy{font-size:.82rem;margin:6px 0 0;color:var(--text)}
@media(max-width:760px){.fcols{grid-template-columns:1fr}}
.sres{margin-top:16px}
.hub-hero .stats span{border-color:var(--line2)}


/* keep lesson videos on screen at full page width */
.post-body .ws-video{max-width:min(100%,1100px);margin-left:auto;margin-right:auto}

/* ================= Kid-friendly bright palette (overrides the dark base) ================= */
:root{--bg:#fff8ea;--bg2:#ffffff;--panel:#ffffff;--panel2:#eef7ff;--line:#e6eaf5;--line2:#cfdaee;--text:#2b3a55;--muted:#5f6d8a;--white:#1b2f5c;--mint:#1e88e5;--mint2:#1565c0;--amber:#ff8a3d;--red:#ff3b3b;--ink:#1b2f5c;--sun:#ffc93c;--sun2:#ffe08a;--pink:#ff6fa5;--grass:#3dbb5c;--grape:#8e6cf1}
body{background:var(--bg);color:var(--text)}
a{color:#1e7be0}a:hover{color:#0f5fb8}
h1,h2,h3,h4{color:var(--ink)}
h1 em,h2 em{color:var(--pink)}
.eyebrow{color:#ff6fa5}
/* buttons: sunny, chunky, playful */
.btn{background:var(--sun);border-color:var(--sun);color:var(--ink);border-radius:999px;box-shadow:0 4px 0 #e0a800;padding:12px 20px}
.btn:hover{background:#ffd457;color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 0 #e0a800}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:0 4px 0 var(--ink)}.btn.ghost:hover{color:var(--ink);border-color:var(--ink)}
.btn.white{background:#1e88e5;border-color:#1e88e5;color:#fff;box-shadow:0 4px 0 #1565c0}.btn.white:hover{background:#2b95f0;color:#fff}
.btn.yt{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 4px 0 #c42020}.btn.yt:hover{background:#ff5252;color:#fff}
/* header */
.ws-nav{background:#fff;box-shadow:0 2px 12px rgba(27,47,92,.08);border-bottom:4px solid var(--sun)}
.logo,.logo:hover{color:var(--ink)}.logo span em{color:#1e88e5}
.ws-nav li a,.ws-nav summary{color:var(--ink)}
.ws-nav li a:hover,.ws-nav summary:hover,.ws-nav a[aria-current]{color:#1e88e5;background:#eef7ff}
.ws-nav li a.pill{background:var(--sun);color:var(--ink)}
.ws-nav li a.ytl{color:#e02424}
.dd{background:#fff;border-color:var(--line);box-shadow:0 16px 36px rgba(27,47,92,.15)}.dd a{color:var(--ink)}.dd a:hover{background:#eef7ff;color:#1e88e5}
.search{background:#f4f8ff;border-color:var(--line2)}.search input{color:var(--ink)}.search button{color:#1e88e5}
.ws-burger{border-color:var(--line2)}.ws-burger span{background:var(--ink)}
/* hero */
.hero{background:radial-gradient(circle at 12% 18%,#ffe58a 0,transparent 32%),radial-gradient(circle at 92% 85%,#ffc2db 0,transparent 30%),radial-gradient(circle at 70% 10%,#bfe6ff 0,transparent 30%),#fff3c9}
.hero h1 span{color:#1e88e5}
.hero p.lead{color:var(--text);opacity:1}
.hero-art img{box-shadow:0 20px 40px rgba(27,47,92,.28)}
.doors a{background:#fff;border:2px solid var(--line);border-top:6px solid var(--c);box-shadow:0 8px 20px rgba(27,47,92,.08);color:var(--text)}
.doors a:hover{border-color:var(--c)}.doors b{color:var(--c)}.doors i{color:#1e7be0}
.stats span{background:#fff;border-color:var(--line2);color:var(--muted)}.stats b{color:var(--ink)}
/* panels and bands */
.panel{background:#fff;border-color:var(--line);box-shadow:0 10px 26px rgba(27,47,92,.08)}
.band{background:linear-gradient(135deg,#dff1ff,#e9e2ff);border-color:transparent}
.feat h3 a{color:var(--ink)}.feat .new{background:var(--pink);color:#fff}
/* cards */
.card{background:#fff;border:2px solid var(--line);box-shadow:0 8px 20px rgba(27,47,92,.07)}
.card:hover{border-color:var(--sun);box-shadow:0 14px 28px rgba(27,47,92,.12)}
.card .th{background:#dbeeff}.card .th.txt{background:linear-gradient(135deg,#ffe58a,#ffb3d1);color:var(--ink)}
.card h3 a{color:var(--ink)}.card h3 a:hover{color:#1e88e5}.card .quiz{color:var(--grass)}
.card .play{background:var(--red)}
.tag{color:#fff;background:var(--c,#1e88e5);border:0;border-radius:999px;padding:5px 10px}.tag:hover{color:#fff;filter:brightness(1.08)}
.filters button{background:#fff;border:2px solid var(--line2);color:var(--ink)}
.filters button:hover{border-color:#1e88e5;color:#1e88e5}
.filters button[aria-pressed=true]{background:#1e88e5;border-color:#1e88e5;color:#fff}
.fbar input{background:#fff;border:2px solid var(--line2);color:var(--ink)}
/* books */
.book{color:var(--text)}.book b{color:var(--ink)}.book span{color:#e0701e}
.book img{box-shadow:0 12px 24px rgba(27,47,92,.25)}
.bookcard{background:#fff;border:2px solid var(--line);box-shadow:0 8px 20px rgba(27,47,92,.07);color:var(--text)}
.bookcard:hover{border-color:var(--sun)}.bookcard b{color:var(--ink)}.bookcard i{background:var(--sun)}
/* playlists and trust */
.pl article{background:#fff;border:2px solid var(--line);border-top:6px solid var(--c);box-shadow:0 8px 20px rgba(27,47,92,.06)}
.pl .row a.l{background:#1e88e5;color:#fff}.pl .row a.y{color:#e02424}
.trust div{background:#fff;border:2px solid var(--line)}.trust b{color:var(--ink)}
.trust div:nth-child(1) .ic{background:#dff7e6;color:var(--grass)}.trust div:nth-child(2) .ic{background:#fff1c7;color:#e0a800}.trust div:nth-child(3) .ic{background:#ffe3ef;color:var(--pink)}
/* hubs */
.hub-hero{background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--c) 30%,transparent) 0,transparent 40%),radial-gradient(circle at 90% 80%,#ffe58a 0,transparent 35%),#fff7e0;border-bottom:4px solid var(--c)}
.hub-hero h1 span{color:var(--c)}.hub-hero p{color:var(--text)}
.subnav a{background:#fff;border:2px solid var(--line2);color:var(--ink)}.subnav a:hover{border-color:var(--c);color:var(--c)}
.hub-hero .stats span{background:#fff}
/* articles */
.post-body,.post-body p,.post-body li{color:var(--text)}.post-body strong,.post-body b{color:var(--ink)}
.post-body th{background:#1e88e5;color:#fff}.post-body td{border-color:var(--line)}
.crumbs,.crumbs a{color:var(--muted)}.crumbs a:hover{color:#1e88e5}
.meta{color:var(--muted)}
.ws-btn,.ws-cta a{background:var(--sun);color:var(--ink)!important;border-radius:999px;box-shadow:0 4px 0 #e0a800}
.wss-try{background:#fff8dc;border:2px solid #ffe08a;border-left:6px solid var(--sun)}.wss-try-h{color:var(--ink)}
.wsa-seo{background:#f1f8ff;border:2px solid #d6e9ff}
.ws-video{box-shadow:0 16px 34px rgba(27,47,92,.22)}
.legacy-wrap{background:transparent}
/* shorts */
.short{background:#fff;border:2px solid var(--line);color:var(--ink)}.short:hover{color:#1e88e5;border-color:var(--sun)}
/* footer */
.ws-foot{background:#1b3a6b;color:#c9d8f0;border-top:6px solid var(--sun)}
.ws-foot a{color:#fff}.ws-foot a:hover{color:var(--sun)}
.ws-foot .logo,.ws-foot .logo:hover{color:#fff}.ws-foot .logo span em{color:var(--sun)}
.fcols h4{color:var(--sun)}.ws-foot .note{border-color:#2d5088;color:#b4c6e4}.ws-foot .copy{color:#e6eefb}

.hero-art{height:380px;max-width:520px;margin-left:auto;width:100%}.hero-art img{width:min(56%,270px)}
.hero-g{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}

/* ---- phone optimisation: 44px tap targets, readable small text ---- */
.card .quiz,.stats span{font-size:.88rem}.tag{font-size:.78rem}.card p{font-size:.95rem}
.h2s{font-size:1.25rem;margin:0 0 12px}
.fh{font:700 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--sun);margin:0 0 14px}
.legacy-wrap table{display:block;overflow-x:auto;max-width:100%}
.post-body table{display:block;overflow-x:auto}
.post-body img,.post-body iframe,.post-body video{max-width:100%;height:auto}
@media(max-width:1020px){
 .logo{min-height:44px}.ws-burger{width:48px;height:44px}
 .ws-nav li a,.ws-nav summary,.dd a{min-height:44px;display:flex;align-items:center}
 .search input{min-height:40px;font-size:16px}
}
@media(max-width:760px){
 .filters button,.subnav a,.pl .row a,.btn,.fbar input{min-height:44px}
 .filters button{padding:10px 16px}
 .crumbs a,.meta .tag,.fcols div>a:not(.logo):not(.btn){display:inline-flex;align-items:center;min-height:44px}
 .fcols div>a:not(.logo):not(.btn){display:flex}
 .meta .tag{padding:0 12px}
 .book,.bookcard,.short{min-height:44px}
 .feat h3{font-size:1.35rem}
}
.eyebrow,.fh{font-size:.8rem}.feat .new,.short .b{font-size:.78rem}
@media(max-width:1020px){.search input{min-height:44px}.search button{min-width:44px;min-height:44px}}
@media(max-width:760px){.sec-h a{display:inline-flex;align-items:center;min-height:44px}.card h3 a{display:block;min-height:44px}}
/* ---- performance + accessibility ---- */
.yt-lite{position:relative;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#000;aspect-ratio:16/9}
.yt-lite img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:54px;border-radius:14px;background:#e02424;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.yt-lite:hover .yt-play{background:#ff2e2e}
.ws-video iframe,.feat .vid iframe{width:100%;height:100%;border:0;aspect-ratio:16/9}
.eyebrow{color:#c2185b}
.post-body p a,.post-body li a,.post-body td a{text-decoration:underline;text-underline-offset:2px}
.card .quiz{color:#1d7f37}.book span{color:#b85400}
/* ---- lesson guides (content/posts) ---- */
.card .th.cov{display:grid;place-items:center;background:linear-gradient(135deg,#e3f2ff,#fff3c9)}
.card .th.cov img{width:auto;height:88%;object-fit:contain;border-radius:6px;box-shadow:0 6px 14px rgba(27,47,92,.25)}
.card .th .gl{position:absolute;left:10px;top:10px;background:#1b2f5c;color:#fff;font-size:.75rem;font-weight:700;border-radius:999px;padding:4px 10px}
.learn{background:#eef7ff;border:2px solid #d6e9ff;border-radius:16px;padding:6px 20px 10px;margin:0 0 22px}
.learn h2{font-size:1.2rem;margin:.6em 0 .3em}
.ex{background:#fff;border:2px solid var(--line);border-left:6px solid #1e88e5;border-radius:14px;padding:6px 20px 12px;margin:18px 0}
.ex h3{margin:.6em 0 .3em}
.steps li{margin:.35em 0}
.practice li{margin:.45em 0}
.answers{background:#f3fbf4;border:2px solid #cfe9d4;border-radius:14px;padding:10px 18px;margin:12px 0 22px}
.answers summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center;color:#1d7f37}
.oops{background:#fff4f4;border:2px solid #ffd6d6;border-left:6px solid #e02424;border-radius:14px;padding:6px 20px 12px;margin:20px 0}
.home{background:#fff8dc;border:2px solid #ffe08a;border-left:6px solid var(--sun);border-radius:14px;padding:6px 20px 12px;margin:20px 0}
.next{background:linear-gradient(135deg,#dff1ff,#e9e2ff);border-radius:16px;padding:14px 20px;margin:24px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.next img{width:90px;height:auto;border-radius:6px;box-shadow:0 6px 14px rgba(27,47,92,.25)}
.next p{margin:0;flex:1 1 260px}
.faq h3{font-size:1.05rem;margin:1em 0 .2em}
.std{display:inline-block;background:#eef7ff;color:#1667c2;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}
.mathrow{font-family:var(--body);font-size:1.15rem;letter-spacing:.02em}