/* ABC of Technology entire-site visual refresh — 2026-08-07 */
:root{--kid-blue:#245cff;--kid-sky:#51d8ff;--kid-purple:#7b49ff;--kid-pink:#ef4aaa;--kid-orange:#ff6b27;--kid-yellow:#ffd94f;--kid-green:#32c766;--kid-ink:#09245b;--kid-soft:#eef8ff}
body:not(.home10){background:linear-gradient(180deg,#fff 0,#f5fbff 44%,#fffaf1 100%)}
body:not(.home10) .topbar{background:linear-gradient(90deg,#153dca,#7d43ee 52%,#ef4aa7);color:#fff}
body:not(.home10) .site-nav,body:not(.home10) nav{box-shadow:0 10px 32px rgba(14,52,125,.08)}
.inner-brand img{width:96px;max-height:58px;object-fit:contain}.inner-brand b{font-size:1.02rem}.inner-brand small{font-size:.71rem}

/* Homepage arena: full bleed art, no dead space */
.arena-art-card{background:#103bba!important}
.arena-art-card img{object-fit:cover!important;object-position:50% 50%!important;transform:scale(1.01)!important}
.arena-art-hero{aspect-ratio:16/10!important;min-height:510px!important}.arena-art-feature{aspect-ratio:16/9!important;min-height:560px!important}
@media(max-width:1050px){.arena-art-hero{min-height:0!important;aspect-ratio:16/9!important}.arena-art-feature{min-height:0!important}}
@media(max-width:720px){.arena-art-hero,.arena-art-feature{aspect-ratio:4/3!important}.arena-art-card img{object-position:center center!important}}

/* Shared graphical inner-page hero */
.story-hero{position:relative;overflow:hidden;color:#fff;padding:72px 0;background:radial-gradient(circle at 15% 10%,rgba(81,216,255,.7),transparent 34%),radial-gradient(circle at 90% 20%,rgba(239,74,170,.55),transparent 32%),linear-gradient(135deg,#123db7 0%,#6549f0 52%,#ed51ac 100%)}
.story-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.62) 1.5px,transparent 1.8px);background-size:38px 38px;opacity:.22}
.story-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .9fr;gap:38px;align-items:center}
.story-hero .eyebrow{color:#fff7a0}.story-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.93;letter-spacing:-.055em;margin:12px 0 18px;color:#fff;text-shadow:0 5px 0 rgba(16,36,104,.18)}
.story-hero p{font-size:1.08rem;color:#eef7ff;max-width:720px}.hero-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.hero-chip-row span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);padding:9px 12px;border-radius:999px;font-weight:900;font-size:.84rem}
.story-art{position:relative;min-height:410px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,244,255,.9));border:5px solid rgba(255,255,255,.72);box-shadow:0 28px 70px rgba(4,22,78,.26);overflow:hidden;display:grid;place-items:center}
.story-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(51,123,255,.07) 1px,transparent 1px),linear-gradient(rgba(51,123,255,.07) 1px,transparent 1px);background-size:32px 32px}
.story-art>img{position:relative;z-index:2;max-width:88%;max-height:380px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(10,42,107,.18))}
.story-art .mini-cover{position:absolute;z-index:3;width:84px;left:18px;bottom:16px;border-radius:14px;border:3px solid #fff;box-shadow:0 10px 24px rgba(10,42,107,.2)}
.float-badge{position:absolute;z-index:4;background:#fff;color:#0c2e69;border-radius:999px;padding:10px 14px;font-weight:1000;box-shadow:0 12px 25px rgba(10,42,107,.16);border:1px solid #dce9fa}.float-badge.one{top:18px;left:18px}.float-badge.two{right:16px;bottom:18px}.float-badge.three{right:18px;top:25%}

/* Trust / policy pages */
.trust-section{padding:72px 0}.trust-intro{text-align:center;max-width:780px;margin:0 auto 34px}.trust-intro h2{font-size:clamp(2.2rem,4.5vw,3.7rem);color:var(--kid-ink);letter-spacing:-.045em;line-height:1.02;margin:8px 0 12px}.trust-intro p{color:#5a6d8b;font-size:1.04rem}
.visual-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.visual-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dce9f7;border-radius:28px;padding:28px;box-shadow:0 14px 34px rgba(7,40,100,.08)}.visual-card:before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:linear-gradient(90deg,var(--kid-blue),var(--kid-sky),var(--kid-purple),var(--kid-pink))}.visual-icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:2.2rem;background:linear-gradient(145deg,#eaf5ff,#fff8df);box-shadow:inset 0 0 0 1px #dce9f7}.visual-card h3{font-size:1.45rem;color:var(--kid-ink);margin:14px 0 7px}.visual-card p,.visual-card li{color:#5e6d84}.visual-card ul,.visual-card ol{padding-left:20px}.visual-card li{margin:8px 0}.trust-band{margin-top:24px;border-radius:30px;padding:30px;background:linear-gradient(135deg,#092a63,#164eb8 48%,#7045ee);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;box-shadow:0 22px 48px rgba(7,33,85,.19)}.trust-band h3{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 5px}.trust-band p{margin:0;color:#dceaff}.trust-band .btn{background:#fff;color:#092a63}

/* Accessibility visual */
.accessibility-page .story-art{background:radial-gradient(circle at 40% 30%,#fff,#e9f7ff 65%,#d8edff)}.accessibility-page .story-art>img{max-width:92%;transform:translateY(8px)}
.access-keys{position:absolute;z-index:4;right:18px;top:18px;display:grid;grid-template-columns:repeat(2,56px);gap:8px}.access-keys span{display:grid;place-items:center;height:52px;background:#fff;border-radius:15px;color:#164eb8;font-weight:1000;box-shadow:0 8px 20px rgba(12,60,145,.15)}

/* Privacy visual */
.privacy-page .story-art{background:linear-gradient(145deg,#e8fff2,#eff8ff)}.privacy-shield{position:absolute;z-index:4;right:24px;top:24px;width:112px;height:126px;clip-path:polygon(50% 0,92% 17%,86% 72%,50% 100%,14% 72%,8% 17%);background:linear-gradient(145deg,#27c869,#1aa8e8);display:grid;place-items:center;color:#fff;font-size:3rem;filter:drop-shadow(0 14px 20px rgba(0,94,90,.18))}

/* Terms visual */
.terms-page .story-art{background:#071b49}.terms-page .story-art>img{max-width:100%;max-height:none;width:100%;height:100%;object-fit:cover;filter:none}.terms-page .story-art:after{content:"SAFE • CLEAR • FAMILY-FRIENDLY";position:absolute;z-index:4;left:16px;bottom:16px;background:rgba(255,255,255,.93);color:#0d2a62;padding:10px 13px;border-radius:999px;font-weight:1000;font-size:.78rem;letter-spacing:.08em}

/* Impact */
.impact-page .story-art{background:#e8f9ff}.impact-page .story-art>img{max-width:100%;max-height:none;width:100%;height:100%;object-fit:cover;filter:none}.impact-path{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.impact-path article{background:#fff;border-radius:24px;padding:24px;border:1px solid #dce9f7;box-shadow:0 12px 28px rgba(7,40,100,.07)}.impact-path .step{font-size:.75rem;color:#2265d9;font-weight:1000;letter-spacing:.11em}.impact-path h3{color:#092a63;margin:5px 0}.impact-path p{color:#5d6d84;margin:0}.impact-safe{background:#fff7db;border:1px solid #ffe18e;border-radius:22px;padding:20px;color:#604b05;margin-top:22px}

/* Authors */
.author-page{background:#f7fbff}.author-page .author-story-hero{padding:68px 0;background:radial-gradient(circle at 8% 20%,rgba(60,212,255,.45),transparent 34%),radial-gradient(circle at 90% 18%,rgba(255,111,177,.34),transparent 31%),linear-gradient(135deg,#092a63,#194cad 54%,#6e43e8);color:#fff;overflow:hidden;position:relative}.author-story-grid{display:grid;grid-template-columns:1fr 410px;gap:48px;align-items:center}.author-story-hero h1{font-size:clamp(3rem,5.5vw,5.5rem);line-height:.94;letter-spacing:-.05em;margin:10px 0 18px}.author-story-hero p{color:#dfecff;font-size:1.08rem}.author-photo-stage{position:relative;border-radius:36px;padding:12px;background:rgba(255,255,255,.96);box-shadow:0 28px 70px rgba(4,20,70,.35);transform:rotate(1.2deg)}.author-photo-stage:before{content:"";position:absolute;inset:18px -16px -16px 18px;border-radius:36px;background:linear-gradient(145deg,#ffd947,#ff6b27);z-index:-1}.author-photo-stage img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;border-radius:27px}.author-book-chip{position:absolute;right:-22px;bottom:20px;background:#fff;color:#092a63;padding:10px;border-radius:18px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 28px rgba(4,22,78,.22);font-weight:1000}.author-book-chip img{width:54px;height:65px;object-fit:cover;border-radius:7px}.author-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.author-stat{background:#fff;border:1px solid #dce9f7;border-radius:22px;padding:20px;box-shadow:0 12px 28px rgba(7,40,100,.07)}.author-stat strong{display:block;color:#1b5ed1;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.author-stat b{display:block;color:#092a63;font-size:1.05rem;margin-top:5px}.author-bio-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.author-creative-panel{background:linear-gradient(145deg,#eef8ff,#fff);border-radius:30px;padding:30px;border:1px solid #dce9f7;box-shadow:0 14px 34px rgba(7,40,100,.07)}.author-creative-panel h2{color:#092a63;font-size:2.25rem;margin:4px 0 12px}.author-creative-panel p{color:#566a88}.author-side-art{border-radius:30px;overflow:hidden;position:relative;min-height:390px;background:#102c79}.author-side-art img{width:100%;height:100%;object-fit:cover}.author-side-art:after{content:"ABC + STEM + MUSIC";position:absolute;left:18px;bottom:18px;background:#fff;color:#0a2a64;padding:10px 14px;border-radius:999px;font-size:.77rem;font-weight:1000;letter-spacing:.08em}

/* Nice list & legal copy */
.check-list{list-style:none;padding:0;margin:16px 0}.check-list li{position:relative;padding:11px 12px 11px 42px;background:#f7fbff;border:1px solid #e0ebf7;border-radius:14px;margin:9px 0}.check-list li:before{content:"✓";position:absolute;left:13px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2ac866;color:#fff;font-weight:1000}.plain-note{background:#eef7ff;border-left:5px solid #2f76ed;padding:16px 18px;border-radius:0 16px 16px 0;color:#355271}

/* 404 */
.not-found{min-height:70vh;display:grid;place-items:center;padding:60px 0}.not-found-card{max-width:760px;text-align:center;background:#fff;border-radius:34px;padding:42px;box-shadow:0 24px 60px rgba(7,40,100,.12);border:1px solid #dce9f7}.not-found-card img{max-width:420px;margin:0 auto 16px}.not-found-card h1{font-size:clamp(2.5rem,5vw,4.5rem);color:#092a63;margin:0 0 8px}.not-found-card p{color:#5e6d84}

@media(max-width:1000px){.story-hero-grid,.author-story-grid,.author-bio-layout{grid-template-columns:1fr}.story-hero{text-align:center}.hero-chip-row{justify-content:center}.story-art{max-width:780px;width:100%;margin:auto}.author-photo-stage{width:min(420px,82vw);margin:auto}.author-stats{grid-template-columns:repeat(2,1fr)}.impact-path{grid-template-columns:1fr}.trust-band{grid-template-columns:1fr;text-align:center}.trust-band .btn{justify-self:center}}
@media(max-width:720px){.story-hero{padding:48px 0}.story-art{min-height:315px;border-radius:26px}.story-hero h1{font-size:clamp(2.65rem,14vw,4.4rem)}.visual-card-grid{grid-template-columns:1fr}.author-stats{grid-template-columns:1fr 1fr}.author-photo-stage{transform:none}.float-badge{font-size:.72rem;padding:8px 10px}.float-badge.three{display:none}.author-book-chip{right:8px}.trust-section{padding:54px 0}}
@media(max-width:460px){.author-stats{grid-template-columns:1fr}.story-art{min-height:270px}.story-art .mini-cover{width:62px}.privacy-shield{width:82px;height:95px;font-size:2.2rem}.access-keys{grid-template-columns:repeat(2,46px)}.access-keys span{height:43px}.author-story-hero{padding-top:48px}.author-photo-stage{width:90vw}.visual-card,.author-creative-panel{padding:22px}}