:root{--c-add:#3f6212;--c-sub:#7f1d1d;--c-mul:#ca8a04;--c-div:#4c1d95;--c-frac:#713f12;--c-dec:#0f766e;--c-word:#7c2d12;--c-area:#9f1239;--c-meas:#065f46;--c-read:#1e40af;--c-write:#4338ca;--c-gram:#7c3aed;--c-vocab:#2563eb;--c-spell:#0891b2;--c-comp:#0d9488;--c-phon:#059669;--c-poet:#a855f7;--c-creat:#d946ef;--c-life:#16a34a;--c-earth:#b45309;--c-phys:#7c3aed;--c-space:#1d4ed8;--c-weath:#0ea5e9;--c-anim:#ea580c;--c-plant:#15803d;--c-body:#dc2626;--c-chem:#a855f7;--c-geo:#0d9488;--c-hist:#92400e;--c-civic:#4338ca;--c-econ:#ca8a04;--c-cult:#be185d;--c-maps:#059669;--c-gov:#4c1d95;--c-comm:#0891b2;--c-curr:#6366f1;--c-py:#3b82f6;--c-js:#eab308;--c-html:#ea580c;--c-scratch:#f97316;--c-logic:#7c3aed;--c-algo:#0d9488;--c-debug:#dc2626;--c-game:#2563eb;--c-robot:#6366f1;--c-draw:#4b5563;--c-color:#e11d48;--c-type:#0f172a;--c-uiux:#2563eb;--c-anim-d:#a855f7;--c-3d:#0ea5e9;--c-graph:#ec4899;--c-photo:#65a30d;--c-digart:#8b5cf6;--c-art-draw:#4b5563;--c-art-paint:#db2777;--c-art-sculpt:#78350f;--c-art-collage:#7c3aed;--c-art-print:#0891b2;--c-art-craft:#ea580c;--c-art-elem:#4338ca;--c-art-famous:#b45309;--c-art-style:#be185d;--c-char-respect:#2563eb;--c-char-respons:#059669;--c-char-honest:#7c3aed;--c-char-kind:#db2777;--c-char-courage:#b45309;--c-char-persev:#0891b2;--c-char-citizen:#1d4ed8;--c-char-fair:#4338ca;--c-char-grat:#ea580c;--c-lang-spanish:#dc2626;--c-lang-french:#1d4ed8;--c-lang-mandarin:#dc2626;--c-lang-german:#eab308;--c-lang-italian:#16a34a;--c-lang-japanese:#dc2626;--c-lang-asl:#7c3aed;--c-lang-latin:#92400e;--c-lang-culture:#0d9488;--footer-hover:#2b2f38}.hub-title-section{margin-bottom:16px;padding-top:8px}.hub-crumbs{display:flex;gap:8px;align-items:center;color:#6b7280;font-weight:700;font-size:.9rem;margin-bottom:6px}.hub-crumbs a{color:#3b82f6;text-decoration:none}.hub-crumbs a:hover{text-decoration:underline}.hub-crumb-arrow{color:#9ca3af}.hub-crumb-current{color:#f6a63c;font-weight:800}.hub-title{font-weight:900;font-size:clamp(24px,4vw,36px);letter-spacing:.2px;margin:0 0 4px;color:#111827}.hub-tagline{color:#6b7280;font-weight:600;font-size:1rem;margin:0}@media (max-width:720px){.hub-tagline{font-size:.9rem}}.hub-intro{background:#e9edf5;border:3px solid #111;border-radius:20px;padding:22px;margin:12px 0 22px;box-shadow:0 12px 24px rgba(17,21,31,.16),8px 8px 0 #000}.hub-intro-grid{display:grid;grid-template-columns:200px 1fr;grid-gap:18px;gap:18px;align-items:center}.hub-alpha-float{position:relative;aspect-ratio:1/1.05}.hub-alpha-float img{width:100%;height:100%;object-fit:contain;animation:hubFloatY 3.8s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}@keyframes hubFloatY{0%,to{transform:translateY(2px)}50%{transform:translateY(-8px)}}.hub-intro h1{margin:0 0 6px;font-size:clamp(22px,3.4vw,34px);letter-spacing:.2px}.hub-intro p{margin:0;color:#1f2937;max-width:75ch;font-weight:600}@media (max-width:860px){.hub-intro-grid{grid-template-columns:1fr;gap:12px}.hub-alpha-float{max-width:260px;justify-self:center;order:2}}.hub-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:720px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.topic-tile{position:relative;background:#fff;border-radius:18px;border:3px solid #111;box-shadow:0 10px 24px rgba(0,0,0,.12),8px 8px 0 #000;padding:16px;display:grid;grid-gap:10px;gap:10px;min-height:168px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;isolation:isolate}.topic-tile:hover{transform:translateY(-6px) scale(1.016);box-shadow:0 24px 48px rgba(0,0,0,.2),10px 10px 0 #000;border-color:#000}.topic-tile:before{content:"";position:absolute;inset:0;border-radius:16px;z-index:-1;background:var(--tile-bg,transparent);opacity:.1;transition:opacity .25s ease}.topic-tile:hover:before{opacity:.18}.topic-row{display:flex;align-items:center;gap:12px}.topic-badge{display:inline-grid;place-items:center;min-width:48px;height:48px;border-radius:14px;border:3px solid;background:#fff;font-weight:900;font-size:26px;box-shadow:0 8px 18px rgba(0,0,0,.18),6px 6px 0 #000}.topic-name{font-weight:900;font-size:19px}.topic-desc{color:#6b7280;font-weight:700}.topic-cta{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.topic-btn{border:0;border-radius:12px;padding:11px 24px;font-weight:900;cursor:pointer;font-size:.98rem;box-shadow:0 8px 16px rgba(0,0,0,.12);transition:transform .14s ease,box-shadow .14s ease,background-color .18s ease,color .18s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:#fff;text-decoration:none;-webkit-text-stroke:0;text-shadow:none}.topic-btn:hover{background:#000!important;color:#fff}.topic-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.t-add{color:var(--c-add);--tile-bg:linear-gradient(135deg,#ecfccb,transparent)}.t-add .topic-btn{background:var(--c-add)}.t-sub{color:var(--c-sub);--tile-bg:linear-gradient(135deg,#fee2e2,transparent)}.t-sub .topic-btn{background:var(--c-sub)}.t-mul{color:var(--c-mul);--tile-bg:linear-gradient(135deg,#fef9c3,transparent)}.t-mul .topic-btn{background:var(--c-mul)}.t-div{color:var(--c-div);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-div .topic-btn{background:var(--c-div)}.t-frac{color:var(--c-frac);--tile-bg:linear-gradient(135deg,#fef9c3,transparent)}.t-frac .topic-btn{background:var(--c-frac)}.t-dec{color:var(--c-dec);--tile-bg:linear-gradient(135deg,#ccfbf1,transparent)}.t-dec .topic-btn{background:var(--c-dec)}.t-word{color:var(--c-word);--tile-bg:linear-gradient(135deg,#ffedd5,transparent)}.t-word .topic-btn{background:var(--c-word)}.t-area{color:var(--c-area);--tile-bg:linear-gradient(135deg,#ffe4e6,transparent)}.t-area .topic-btn{background:var(--c-area)}.t-meas{color:var(--c-meas);--tile-bg:linear-gradient(135deg,#dcfce7,transparent)}.t-meas .topic-btn{background:var(--c-meas)}.t-read{color:var(--c-read);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-read .topic-btn{background:var(--c-read)}.t-write{color:var(--c-write);--tile-bg:linear-gradient(135deg,#e0e7ff,transparent)}.t-write .topic-btn{background:var(--c-write)}.t-gram{color:var(--c-gram);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-gram .topic-btn{background:var(--c-gram)}.t-vocab{color:var(--c-vocab);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-vocab .topic-btn{background:var(--c-vocab)}.t-spell{color:var(--c-spell);--tile-bg:linear-gradient(135deg,#cffafe,transparent)}.t-spell .topic-btn{background:var(--c-spell)}.t-comp{color:var(--c-comp);--tile-bg:linear-gradient(135deg,#ccfbf1,transparent)}.t-comp .topic-btn{background:var(--c-comp)}.t-phon{color:var(--c-phon);--tile-bg:linear-gradient(135deg,#d1fae5,transparent)}.t-phon .topic-btn{background:var(--c-phon)}.t-poet{color:var(--c-poet);--tile-bg:linear-gradient(135deg,#f3e8ff,transparent)}.t-poet .topic-btn{background:var(--c-poet)}.t-creat{color:var(--c-creat);--tile-bg:linear-gradient(135deg,#fae8ff,transparent)}.t-creat .topic-btn{background:var(--c-creat)}.t-life{color:var(--c-life);--tile-bg:linear-gradient(135deg,#dcfce7,transparent)}.t-life .topic-btn{background:var(--c-life)}.t-earth{color:var(--c-earth);--tile-bg:linear-gradient(135deg,#fef3c7,transparent)}.t-earth .topic-btn{background:var(--c-earth)}.t-phys{color:var(--c-phys);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-phys .topic-btn{background:var(--c-phys)}.t-space{color:var(--c-space);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-space .topic-btn{background:var(--c-space)}.t-weath{color:var(--c-weath);--tile-bg:linear-gradient(135deg,#e0f2fe,transparent)}.t-weath .topic-btn{background:var(--c-weath)}.t-anim{color:var(--c-anim);--tile-bg:linear-gradient(135deg,#ffedd5,transparent)}.t-anim .topic-btn{background:var(--c-anim)}.t-plant{color:var(--c-plant);--tile-bg:linear-gradient(135deg,#dcfce7,transparent)}.t-plant .topic-btn{background:var(--c-plant)}.t-body{color:var(--c-body);--tile-bg:linear-gradient(135deg,#fee2e2,transparent)}.t-body .topic-btn{background:var(--c-body)}.t-chem{color:var(--c-chem);--tile-bg:linear-gradient(135deg,#f3e8ff,transparent)}.t-chem .topic-btn{background:var(--c-chem)}.t-geo{color:var(--c-geo);--tile-bg:linear-gradient(135deg,#ccfbf1,transparent)}.t-geo .topic-btn{background:var(--c-geo)}.t-hist{color:var(--c-hist);--tile-bg:linear-gradient(135deg,#fef3c7,transparent)}.t-hist .topic-btn{background:var(--c-hist)}.t-civic{color:var(--c-civic);--tile-bg:linear-gradient(135deg,#e0e7ff,transparent)}.t-civic .topic-btn{background:var(--c-civic)}.t-econ{color:var(--c-econ);--tile-bg:linear-gradient(135deg,#fef9c3,transparent)}.t-econ .topic-btn{background:var(--c-econ)}.t-cult{color:var(--c-cult);--tile-bg:linear-gradient(135deg,#fce7f3,transparent)}.t-cult .topic-btn{background:var(--c-cult)}.t-maps{color:var(--c-maps);--tile-bg:linear-gradient(135deg,#d1fae5,transparent)}.t-maps .topic-btn{background:var(--c-maps)}.t-gov{color:var(--c-gov);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-gov .topic-btn{background:var(--c-gov)}.t-comm{color:var(--c-comm);--tile-bg:linear-gradient(135deg,#cffafe,transparent)}.t-comm .topic-btn{background:var(--c-comm)}.t-curr{color:var(--c-curr);--tile-bg:linear-gradient(135deg,#e0e7ff,transparent)}.t-curr .topic-btn{background:var(--c-curr)}.t-py{color:var(--c-py);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-py .topic-btn{background:var(--c-py)}.t-js{color:var(--c-js);--tile-bg:linear-gradient(135deg,#fef9c3,transparent)}.t-js .topic-btn{background:var(--c-js)}.t-html{color:var(--c-html);--tile-bg:linear-gradient(135deg,#ffedd5,transparent)}.t-html .topic-btn{background:var(--c-html)}.t-scratch{color:var(--c-scratch);--tile-bg:linear-gradient(135deg,#ffedd5,transparent)}.t-scratch .topic-btn{background:var(--c-scratch)}.t-logic{color:var(--c-logic);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-logic .topic-btn{background:var(--c-logic)}.t-algo{color:var(--c-algo);--tile-bg:linear-gradient(135deg,#ccfbf1,transparent)}.t-algo .topic-btn{background:var(--c-algo)}.t-debug{color:var(--c-debug);--tile-bg:linear-gradient(135deg,#fee2e2,transparent)}.t-debug .topic-btn{background:var(--c-debug)}.t-game{color:var(--c-game);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-game .topic-btn{background:var(--c-game)}.t-robot{color:var(--c-robot);--tile-bg:linear-gradient(135deg,#e0e7ff,transparent)}.t-robot .topic-btn{background:var(--c-robot)}.t-draw{color:var(--c-draw);--tile-bg:linear-gradient(135deg,#f3f4f6,transparent)}.t-draw .topic-btn{background:var(--c-draw)}.t-color{color:var(--c-color);--tile-bg:linear-gradient(135deg,#ffe4e6,transparent)}.t-color .topic-btn{background:var(--c-color)}.t-type{color:var(--c-type);--tile-bg:linear-gradient(135deg,#f1f5f9,transparent)}.t-type .topic-btn{background:var(--c-type)}.t-uiux{color:var(--c-uiux);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-uiux .topic-btn{background:var(--c-uiux)}.t-3d{color:var(--c-3d);--tile-bg:linear-gradient(135deg,#e0f2fe,transparent)}.t-3d .topic-btn{background:var(--c-3d)}.t-graph{color:var(--c-graph);--tile-bg:linear-gradient(135deg,#fce7f3,transparent)}.t-graph .topic-btn{background:var(--c-graph)}.t-photo{color:var(--c-photo);--tile-bg:linear-gradient(135deg,#ecfccb,transparent)}.t-photo .topic-btn{background:var(--c-photo)}.t-digart{color:var(--c-digart);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-digart .topic-btn{background:var(--c-digart)}.t-art-draw{color:var(--c-art-draw);--tile-bg:linear-gradient(135deg,#f3f4f6,transparent)}.t-art-draw .topic-btn{background:var(--c-art-draw)}.t-art-paint{color:var(--c-art-paint);--tile-bg:linear-gradient(135deg,#fce7f3,transparent)}.t-art-paint .topic-btn{background:var(--c-art-paint)}.t-art-sculpt{color:var(--c-art-sculpt);--tile-bg:linear-gradient(135deg,#fef3c7,transparent)}.t-art-sculpt .topic-btn{background:var(--c-art-sculpt)}.t-art-collage{color:var(--c-art-collage);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-art-collage .topic-btn{background:var(--c-art-collage)}.t-art-print{color:var(--c-art-print);--tile-bg:linear-gradient(135deg,#cffafe,transparent)}.t-art-print .topic-btn{background:var(--c-art-print)}.t-art-craft{color:var(--c-art-craft);--tile-bg:linear-gradient(135deg,#ffedd5,transparent)}.t-art-craft .topic-btn{background:var(--c-art-craft)}.t-art-elem{color:var(--c-art-elem);--tile-bg:linear-gradient(135deg,#e0e7ff,transparent)}.t-art-elem .topic-btn{background:var(--c-art-elem)}.t-art-famous{color:var(--c-art-famous);--tile-bg:linear-gradient(135deg,#fef3c7,transparent)}.t-art-famous .topic-btn{background:var(--c-art-famous)}.t-art-style{color:var(--c-art-style);--tile-bg:linear-gradient(135deg,#fce7f3,transparent)}.t-art-style .topic-btn{background:var(--c-art-style)}.t-char-respect{color:var(--c-char-respect);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-char-respect .topic-btn{background:var(--c-char-respect)}.t-char-respons{color:var(--c-char-respons);--tile-bg:linear-gradient(135deg,#d1fae5,transparent)}.t-char-respons .topic-btn{background:var(--c-char-respons)}.t-char-honest{color:var(--c-char-honest);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-char-honest .topic-btn{background:var(--c-char-honest)}.t-char-kind{color:var(--c-char-kind);--tile-bg:linear-gradient(135deg,#fce7f3,transparent)}.t-char-kind .topic-btn{background:var(--c-char-kind)}.t-char-courage{color:var(--c-char-courage);--tile-bg:linear-gradient(135deg,#fef3c7,transparent)}.t-char-courage .topic-btn{background:var(--c-char-courage)}.t-char-persev{color:var(--c-char-persev);--tile-bg:linear-gradient(135deg,#cffafe,transparent)}.t-char-persev .topic-btn{background:var(--c-char-persev)}.t-char-citizen{color:var(--c-char-citizen);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-char-citizen .topic-btn{background:var(--c-char-citizen)}.t-char-fair{color:var(--c-char-fair);--tile-bg:linear-gradient(135deg,#e0e7ff,transparent)}.t-char-fair .topic-btn{background:var(--c-char-fair)}.t-char-grat{color:var(--c-char-grat);--tile-bg:linear-gradient(135deg,#ffedd5,transparent)}.t-char-grat .topic-btn{background:var(--c-char-grat)}.t-lang-spanish{color:var(--c-lang-spanish);--tile-bg:linear-gradient(135deg,#fee2e2,transparent)}.t-lang-spanish .topic-btn{background:var(--c-lang-spanish)}.t-lang-french{color:var(--c-lang-french);--tile-bg:linear-gradient(135deg,#dbeafe,transparent)}.t-lang-french .topic-btn{background:var(--c-lang-french)}.t-lang-mandarin{color:var(--c-lang-mandarin);--tile-bg:linear-gradient(135deg,#fee2e2,transparent)}.t-lang-mandarin .topic-btn{background:var(--c-lang-mandarin)}.t-lang-german{color:var(--c-lang-german);--tile-bg:linear-gradient(135deg,#fef9c3,transparent)}.t-lang-german .topic-btn{background:var(--c-lang-german)}.t-lang-italian{color:var(--c-lang-italian);--tile-bg:linear-gradient(135deg,#dcfce7,transparent)}.t-lang-italian .topic-btn{background:var(--c-lang-italian)}.t-lang-japanese{color:var(--c-lang-japanese);--tile-bg:linear-gradient(135deg,#fee2e2,transparent)}.t-lang-japanese .topic-btn{background:var(--c-lang-japanese)}.t-lang-asl{color:var(--c-lang-asl);--tile-bg:linear-gradient(135deg,#ede9fe,transparent)}.t-lang-asl .topic-btn{background:var(--c-lang-asl)}.t-lang-latin{color:var(--c-lang-latin);--tile-bg:linear-gradient(135deg,#fef3c7,transparent)}.t-lang-latin .topic-btn{background:var(--c-lang-latin)}.t-lang-culture{color:var(--c-lang-culture);--tile-bg:linear-gradient(135deg,#ccfbf1,transparent)}.t-lang-culture .topic-btn{background:var(--c-lang-culture)}.hub-footer{background:linear-gradient(90deg,#222,#111);color:#fff;padding:18px 0;margin-top:22px}.hub-footer-inner{max-width:1200px;margin:0 auto;padding:0 26px;text-align:center;display:grid;grid-gap:12px;gap:12px}.hub-footer-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.hub-pill{display:inline-block;font-weight:900;letter-spacing:.35px;padding:10px 14px;border-radius:999px;background:#fff;color:#0e1422;border:2px solid #111;box-shadow:0 6px 14px rgba(0,0,0,.14),4px 4px 0 #000;text-transform:uppercase;transition:transform .14s ease,box-shadow .14s ease,background-color .18s ease,color .18s ease;text-decoration:none;-webkit-text-stroke:0;text-shadow:none}.hub-pill:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.18),5px 5px 0 #000;background:var(--footer-hover);color:#fff}.hub-pill--big{font-size:1rem;padding:12px 18px}.hub-footer-note{font-size:.95rem;color:#e5e7eb;max-width:80ch;justify-self:center}