*{box-sizing:border-box}body{margin:0;background:#d9d9e8;color:#111;font-family:Tahoma,Arial,sans-serif}.titlebar{height:38px;background:#eee;border-bottom:2px solid #777;padding:7px 14px;font-family:Georgia,serif;font-size:18px}.topmenu{height:44px;background:#f3f3f3;border-bottom:3px solid #555;display:flex;align-items:center;gap:30px;padding:0 18px;white-space:nowrap;overflow:auto}.topmenu a{color:#111;text-decoration:none;font-family:Georgia,serif;font-size:17px}.splash{min-height:calc(100vh - 82px);display:grid;place-items:center;background:linear-gradient(135deg,#1187c9,#f49a80,#80c9dd)}.splash-card{background:#eef1f4;border:7px double #214c70;border-radius:24px;padding:45px;text-align:center;box-shadow:0 15px 40px #0005}.logo{font-size:54px}.splash h1{font-size:44px;margin:10px}.splash h2{font-size:23px}.credit{font-size:28px;margin:25px}.enter,.select button,.simple a,.simpleCards a,.navBtns a,.mediaNav a{display:inline-block;background:#f1f1e9;border:3px outset #fff;padding:11px 24px;color:#111;text-decoration:none;font-weight:bold}.select{max-width:700px;margin:80px auto;background:#eee;border:5px double #315e7b;border-radius:20px;padding:50px;text-align:center}.select input{font-size:24px;padding:14px;width:80%;margin:15px}.select button{font-size:20px}.mainvb{background:linear-gradient(90deg,#1695d0,#72d5df);padding:12px;min-height:calc(100vh - 82px)}.hero3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;min-height:430px}.bigpic,.center,.wordcol{border:5px solid #083e66;background:#c9e9ef;min-height:420px}.bigpic{display:grid;place-items:center}.bigpic img{width:92%;height:390px;object-fit:contain}.center{padding:8px}.awareHead{height:145px;background:#f07c67;border:4px solid #6b3030;display:grid;place-items:center}.awareHead a{font-size:42px;color:#111;text-decoration:none;font-family:"Comic Sans MS",cursive}.datebox{margin:12px auto;border:6px double #eee;background:#008e98;color:white;padding:10px;text-align:center;font-family:Georgia,serif}.dategrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.dategrid>*{background:#eee;color:#111;padding:12px;font-size:20px}.dategrid strong{font-size:32px}.wordcol{padding:10px;background:#159bd3;display:flex;flex-direction:column;gap:12px}.wordcard{display:grid;grid-template-columns:1fr 130px;align-items:center;background:#eee;border:4px outset #fff;min-height:115px;font-size:24px;font-weight:bold}.wordcard img{width:120px;height:100px;object-fit:contain}.ph{font-size:13px}.azbox{border:8px solid #8e1e2c;border-radius:20px;background:#e9e9e9;padding:8px;margin-top:12px}.azrow{display:flex;justify-content:center;gap:5px;margin:5px}.azrow button{flex:1;max-width:105px;min-height:70px;background:#f4f2ea;border:4px outset #fff;font:34px Georgia}.azrow small{display:block;font-size:14px}.maygo{text-align:center;font:46px "Comic Sans MS",cursive;background:#eee;border:3px solid #777;margin:8px}.prof{position:fixed;right:18px;bottom:18px;width:160px;text-align:center;z-index:4}.bubble{background:#eee;border:2px solid #777;border-radius:15px;padding:8px;margin-bottom:5px}.wizard{background:#d06bd1;border:3px solid #333;border-radius:50% 50% 20% 20%;padding:8px;font-size:26px}.face{font-size:13px}.robe{font-size:28px}.prof button{margin-top:4px}.awarePage{background:#e88d91;padding:18px;min-height:calc(100vh - 82px)}.awarePanel{background:linear-gradient(#062c48,#087e88);border:8px solid #14394e;border-radius:60px;padding:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.awareCol{display:flex;flex-direction:column;gap:10px}.awareBtn,.practice a{background:#eee;border:4px outset #fff;padding:12px;text-align:center;color:#111;text-decoration:none;font-weight:bold;font-size:16px;min-height:52px;display:grid;place-items:center}.bottomAw{grid-column:1/-1;display:flex;justify-content:center;gap:15px}.bottomAw a{background:#eee;border:4px outset #fff;padding:14px 60px;color:#111;text-decoration:none;font-weight:bold}.practice{margin-top:14px;border:6px solid #075d78;background:#16a6c5;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.return{display:block;text-align:center;margin:14px;background:#eee;border:3px solid #777;padding:15px;color:#111;font-size:28px;text-decoration:none}.lesson,.mediaPage,.simple,.quiz{padding:25px;min-height:calc(100vh - 82px);background:#d6edf1}.lessonTitle,.mediaTitle{background:#f07968;border:5px solid #612e2b;padding:25px;font-size:34px;font-weight:bold}.lessonBody{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:15px}.lessonPic{background:#eee;border:6px solid #174e70;min-height:420px;display:grid;place-items:center}.lessonPic img{max-width:95%;max-height:400px}.lessonWord{background:#159bd3;border:6px solid #174e70;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:45px;font-weight:bold;gap:20px}.lessonWord button{padding:12px 30px}.itemnav{display:flex;flex-wrap:wrap;gap:6px;margin:15px}.itemnav a{padding:8px;background:#eee;border:2px solid #555;color:#111;text-decoration:none}.itemnav .active{background:#f2a}.navBtns,.mediaNav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mediaPlayer{height:600px;background:#111;border:8px solid #555;display:grid;place-items:center;margin-top:15px}.mediaPlayer #ruffle{width:100%;height:100%;display:grid;place-items:center}.mediaPlayer ruffle-player{width:100%!important;height:100%!important}.mediaName{color:#fff;background:#333;padding:8px}.mediaInfo{text-align:center}.simpleCards{display:flex;gap:15px;justify-content:center;margin:40px;flex-wrap:wrap}.simple textarea{width:80%;height:250px;font-size:25px}.simple canvas{max-width:100%;border:5px solid #444;background:#fff}.profDemo{text-align:center}.big{width:240px;margin:30px auto;font-size:50px}.quiz fieldset{margin:15px 0;background:#eee;border:3px solid #555}.quiz label{display:block;padding:10px;font-size:20px}@media(max-width:900px){.hero3{grid-template-columns:1fr}.awarePanel{grid-template-columns:1fr}.practice{grid-template-columns:1fr 1fr}.lessonBody{grid-template-columns:1fr}.topmenu{gap:15px}.splash h1{font-size:30px}}
/* SMART LEARNING 3-12 */
.classGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.classGrid label{padding:10px;border:2px solid #4776a8;border-radius:8px;background:#eef7ff;font-weight:700;cursor:pointer}.classGrid input{margin-right:6px}.smartLink{text-align:center;margin:12px}.smartLink a{display:inline-block;padding:12px 24px;border:3px solid #9b2454;border-radius:14px;background:#fff2a8;color:#17233b;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #9b2454}.school{padding:22px;background:linear-gradient(135deg,#d8f6ff,#ffe3f1);min-height:75vh}.schoolHead{display:flex;justify-content:space-between;align-items:center;background:#ff9ec7;border:3px solid #7b1e52;border-radius:18px;padding:14px 20px;margin-bottom:18px}.schoolHead h1{margin:0;color:#4a1240}.schoolHead a,.schoolBottom a{background:#fff;border:2px solid #315b85;border-radius:10px;padding:10px 14px;text-decoration:none;color:#18304c;font-weight:800}.subjectGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:auto}.subjectCard{background:#fff;border:3px solid #2477a8;border-radius:15px;padding:15px;text-align:center;text-decoration:none;color:#182a43;min-height:145px;box-shadow:0 4px 0 #d1a1bc}.subjectCard:hover{transform:translateY(-2px);background:#fffbdc}.subjectIcon{font-size:40px}.subjectCard h2{font-size:18px;margin:7px 0}.subjectCard p{font-size:13px;margin:4px 0 10px}.subjectCard span:last-child{font-weight:900;color:#176b9c}.schoolBottom{display:flex;justify-content:center;gap:15px;margin-top:20px}.subjectPage{padding:22px;background:#d8f7ff;min-height:75vh}.subjectLayout{display:grid;grid-template-columns:260px 1fr;gap:18px;max-width:1100px;margin:auto}.subjectLayout aside{display:flex;flex-direction:column;gap:8px}.subjectLayout aside a{background:#fff;border:2px solid #34648b;border-radius:9px;padding:11px;text-decoration:none;color:#17324e;font-weight:700}.subjectIntro{background:#fff;border:3px solid #2477a8;border-radius:18px;padding:30px;text-align:center}.learningSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.learningSteps div{background:#edfaff;border:2px solid #69a9c9;border-radius:12px;padding:15px;font-size:26px}.learningSteps b,.learningSteps small{display:block}.learningSteps small{font-size:12px}.smartLesson{display:grid;grid-template-columns:1fr 280px;gap:20px;max-width:1000px;margin:20px auto}.concept,.profLesson{background:#fff;border:3px solid #2a79a4;border-radius:18px;padding:25px}.concept h2{color:#154c7a}.concept p{font-size:20px;line-height:1.6}.example{background:#fff6b5;border:2px dashed #a67c00;padding:18px;border-radius:10px;font-size:22px;font-weight:800}.profLesson{text-align:center}.practiceStrip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.practiceStrip a,.practiceStrip button{background:#fff;border:2px solid #315b85;border-radius:10px;padding:10px 16px;text-decoration:none;color:#17324e;font-weight:800}.schoolBottom a:hover,.subjectCard:hover,.subjectLayout aside a:hover,.practiceStrip a:hover{filter:brightness(1.03)}
@media(max-width:900px){.subjectGrid{grid-template-columns:repeat(2,1fr)}.classGrid{grid-template-columns:repeat(2,1fr)}.subjectLayout,.smartLesson{grid-template-columns:1fr}.learningSteps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.subjectGrid{grid-template-columns:1fr}.classGrid{grid-template-columns:1fr}.schoolHead{display:block}.schoolHead a{display:inline-block;margin-top:10px}.learningSteps{grid-template-columns:1fr}.school{padding:10px}}
.ageRibbon{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 16px;max-width:1200px}.ageRibbon span{background:#fff;border:2px solid #4776a8;border-radius:20px;padding:8px 16px;font-weight:800}.subjectCard small{display:block;min-height:30px;color:#425a70}.lessonMeta{display:inline-block;background:#edf7ff;border:2px solid #78aaca;border-radius:10px;padding:6px 10px;font-size:13px}.lessonActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.lessonActions a,.lessonActions button{background:#fff;border:3px outset #fff;padding:10px 16px;text-decoration:none;color:#17324e;font-weight:800;border-radius:8px}.ageNote{margin:18px 0;background:#fff8c7;border:2px dashed #a77a00;border-radius:10px;padding:14px}.practicePage,.progressPage{padding:25px;min-height:75vh;background:#e7f8ff}.practiceCard,.progressIntro{max-width:950px;margin:20px auto;background:#fff;border:4px solid #287aa5;border-radius:18px;padding:25px}.practiceCard textarea{width:100%;min-height:260px;font-size:20px;padding:14px;border:2px solid #7298ad;border-radius:10px}.progressBoard{max-width:1000px;margin:20px auto;display:grid;gap:12px}.progressRow{background:#fff;border:3px solid #287aa5;border-radius:14px;padding:15px}.progressBar{height:18px;background:#e4e4e4;border:1px solid #777;border-radius:12px;overflow:hidden;margin-top:8px}.progressFill{height:100%;background:#3bb5a0}.badgeBox{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.badge{background:#fff3a8;border:2px solid #a57a00;border-radius:20px;padding:8px 14px;font-weight:800}.quiz .return{font-size:16px;display:inline-block}.quiz fieldset{border-radius:12px}.quiz label{cursor:pointer}@media(max-width:600px){.lessonActions{flex-direction:column}.lessonActions>*{width:100%;text-align:center}.practicePage,.progressPage{padding:12px}}

.examPage{padding:22px;min-height:75vh;background:#fff4df}.examIntro{max-width:1050px;margin:15px auto;background:#fff;border:3px solid #287aa5;border-radius:12px;padding:14px}.examIntro span{float:right}.examPage form{max-width:1050px;margin:auto}.examPage fieldset{background:#fff;border:3px solid #287aa5;border-radius:12px;margin:14px 0;padding:16px}.examPage legend{font-weight:800;font-size:18px}.examPage label{display:block;padding:10px;background:#eefaff;border:1px solid #aacbdc;border-radius:8px;margin:7px 0;cursor:pointer}.examPage button{background:#fff;border:3px outset #fff;padding:11px 18px;font-weight:800;margin:8px}.examPage details{background:#fff;border:2px solid #999;padding:10px;border-radius:8px}.examPage li{margin:6px 0}@media(max-width:600px){.examIntro span{float:none;display:block;margin-top:5px}}
.boardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:18px}.boardCard{background:#fffaf0;border:2px solid #8b6b43;border-radius:14px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.boardCard h2{margin:0 0 4px;color:#164e63}.boardCard small{color:#6b5b45}.boardUnits{display:grid;gap:8px;margin-top:12px}.boardUnits a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#eee5d4;border:1px solid #c4ad8b;border-radius:8px;color:#382b1d;text-decoration:none}.boardUnits a:hover{background:#e2d1b5}.boardUnits span{font-weight:700}.smartLink+.smartLink{margin-top:8px}

/* =========================================================
   A2Z DIGITAL UI — FINAL VISUAL SYSTEM
   ========================================================= */
:root{--a2z-navy:#071b3b;--a2z-blue:#1268e8;--a2z-cyan:#17b9ef;--a2z-ink:#10234d;--a2z-bg:#f4f8ff;--a2z-card:#fff;--a2z-muted:#71809a;--a2z-line:#dfe8f5;--a2z-shadow:0 12px 35px rgba(22,54,100,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--a2z-bg);color:var(--a2z-ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;padding-left:248px;padding-top:74px;padding-bottom:58px;min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 80% 0%,rgba(23,185,239,.12),transparent 30%),linear-gradient(135deg,#f8fbff,#eef5ff 60%,#f8fbff)}
a{transition:.2s ease}
.digitalHeader{position:fixed;z-index:50;top:0;left:248px;right:0;height:74px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--a2z-line);display:flex;align-items:center;gap:18px;padding:0 20px;box-shadow:0 5px 24px rgba(20,48,90,.07)}
.brandMini{display:none;align-items:center;gap:9px;white-space:nowrap}.brandMini .brandMark{font-weight:1000;font-size:25px;letter-spacing:-2px}.brandMini .brandMark span{color:#16b8ed}.brandMini strong{display:block;font-size:13px}.brandMini small{display:block;color:var(--a2z-muted);font-size:9px}
.mobileMenuBtn{display:none;border:0;background:#edf4ff;border-radius:11px;font-size:25px;padding:8px 12px;color:var(--a2z-navy)}
.globalSearch{height:42px;max-width:470px;flex:1;display:flex;align-items:center;background:#f3f7fd;border:1px solid #dbe6f5;border-radius:13px;padding-left:13px;overflow:hidden}.globalSearch>span{font-size:24px;color:#52709d}.globalSearch input{border:0;outline:0;background:transparent;flex:1;height:100%;padding:0 10px;font-size:14px;color:var(--a2z-ink)}.globalSearch button{height:32px;margin-right:5px;border:0;border-radius:9px;background:var(--a2z-blue);color:#fff;font-weight:800;font-size:10px;padding:0 12px;cursor:pointer}.globalSearch button:hover{filter:brightness(1.08)}
.headerQuick{display:flex;gap:5px;margin-left:auto}.headerQuick a{min-width:60px;text-align:center;padding:7px 8px;border-radius:10px;color:#334b72;text-decoration:none;font-size:19px}.headerQuick a span{display:block;font-size:9px;font-weight:700}.headerQuick a:hover{background:#eef5ff;color:var(--a2z-blue)}
.studentChip{display:flex;align-items:center;gap:9px;background:#0a2147;color:#fff;border-radius:13px;padding:6px 11px 6px 6px;min-width:170px}.avatar,.sideAvatar{display:grid;place-items:center;border-radius:50%;font-weight:900}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#ffd66e,#ff8f75);color:#17294e}.studentChip b{display:block;font-size:12px}.studentChip small{display:block;color:#bdd0ef;font-size:9px;margin-top:2px}.studentChip>span{margin-left:auto;color:#9fb4d5}
.digitalSidebar{position:fixed;z-index:60;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,#071b3b 0%,#092650 55%,#061832 100%);color:#fff;box-shadow:8px 0 30px rgba(4,21,52,.16);display:flex;flex-direction:column;overflow:auto}.digitalSidebar:after{content:"";position:absolute;right:-40px;top:-50px;width:120px;height:120px;border-radius:50%;background:rgba(23,185,239,.14)}
.sidebarBrand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:19px 18px 16px;border-bottom:1px solid rgba(255,255,255,.10)}.logoA2Z{font-size:34px;line-height:1;font-weight:1000;letter-spacing:-3px;background:linear-gradient(90deg,#ff5e68,#ffd34d,#52d778,#4fc8ff);-webkit-background-clip:text;color:transparent}.logoA2Z span{color:#fff}.sidebarBrand b{display:block;font-size:14px}.sidebarBrand small{display:block;color:#9db4d6;font-size:9px;margin-top:2px}
.sideProfile{margin:13px 12px 8px;padding:10px;border-radius:13px;background:rgba(255,255,255,.07);display:flex;gap:10px;align-items:center}.sideAvatar{width:38px;height:38px;background:linear-gradient(135deg,#16b9ef,#7067ff);font-size:15px}.sideProfile b{display:block;font-size:12px}.sideProfile small{display:block;color:#9eb5d8;font-size:9px;margin-top:2px}.sideNav{padding:4px 9px;position:relative;z-index:1}.navLabel{font-size:8px;letter-spacing:1.5px;color:#6e89b3;font-weight:900;padding:12px 12px 6px}.sideNav a{display:flex;align-items:center;gap:12px;color:#cbd9ee;text-decoration:none;padding:10px 12px;margin:2px 0;border-radius:11px;font-size:12px;font-weight:650}.sideNav a i{font-style:normal;width:22px;text-align:center;font-size:17px}.sideNav a:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}.sideNav a.active{background:linear-gradient(90deg,#1673ee,#168ee9);color:#fff;box-shadow:0 7px 20px rgba(18,104,232,.30)}.sideBottom{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.10);position:relative;z-index:1}.sideBottom a{display:block;text-decoration:none;color:#a9bddb;font-size:10px;padding:8px 9px;border-radius:8px}.sideBottom a:hover{color:#fff;background:rgba(255,255,255,.06)}
.sidebarBackdrop{display:none}.digitalFooter{position:fixed;z-index:45;left:248px;right:0;bottom:0;height:58px;background:rgba(255,255,255,.96);border-top:1px solid var(--a2z-line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#7a879b;font-size:10px;box-shadow:0 -5px 20px rgba(20,48,90,.05)}.footerBrand{font-size:12px;color:#19315a}.footerBrand b{font-size:19px;background:linear-gradient(90deg,#ff5e68,#ffd34d,#22b6ec);-webkit-background-clip:text;color:transparent}.footerLinks{display:flex;gap:20px}.footerLinks a{color:#5b6c86;text-decoration:none}.footerLinks a:hover{color:var(--a2z-blue)}
/* make existing modules sit comfortably inside the digital shell */
.mainvb,.awarePage,.lesson,.mediaPage,.simple,.quiz,.school,.subjectPage,.practicePage,.progressPage,.examPage{position:relative;z-index:1}
.mainvb{min-height:calc(100vh - 132px);background:transparent;padding:22px 24px}.mainvb:before{content:"";position:absolute;inset:0 0 auto;height:190px;background:linear-gradient(135deg,#dff6ff,#eef4ff);border-radius:0 0 30px 30px;z-index:-1}.titlebar,.topmenu{display:none}
.mainvb .hero3{max-width:1280px;margin:auto;background:#fff;border:1px solid #e3ebf6;border-radius:22px;padding:18px;box-shadow:var(--a2z-shadow)}
.mainvb .azbox,.mainvb .maygo,.mainvb .smartLink{max-width:1280px;margin-left:auto;margin-right:auto}
.awarePage,.lesson,.mediaPage,.simple,.quiz,.practicePage,.progressPage,.examPage,.subjectPage{background:transparent;min-height:calc(100vh - 132px);padding:24px}.awarePanel,.schoolHead,.subjectIntro,.practiceCard,.progressIntro,.examIntro,.boardCard,.lessonTitle,.mediaTitle{box-shadow:var(--a2z-shadow);border-color:#dfe8f5}
.awarePanel{border-radius:25px!important;background:linear-gradient(135deg,#09284d,#0a7c8b)!important}.awareBtn,.practice a{border:1px solid #d7e0eb!important;border-radius:11px!important;box-shadow:0 4px 12px rgba(0,0,0,.07);transition:.18s}.awareBtn:hover,.practice a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.school{background:transparent!important}.schoolHead{background:linear-gradient(135deg,#fff,#eff8ff)!important;border:1px solid #dfe8f5!important}.subjectCard{border:1px solid #e0e8f4!important;box-shadow:var(--a2z-shadow)!important;transition:.2s}.subjectCard:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(22,54,100,.15)!important}
.subjectLayout aside a,.practiceStrip a,.practiceStrip button,.lessonActions a,.lessonActions button{border:1px solid #d8e3f1!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(22,54,100,.07)}
.lessonTitle,.mediaTitle{border-radius:18px!important;background:linear-gradient(135deg,#fff,#eef7ff)!important;color:#15386b}
.progressBar{border:0;background:#e8eef7}.progressFill{background:linear-gradient(90deg,#18c69a,#1e7af1)!important}
/* responsive */
@media(max-width:1100px){body{padding-left:78px}.digitalSidebar{width:78px}.sidebarBrand{justify-content:center;padding:17px 7px}.sidebarBrand>div:last-child,.sideProfile>div:last-child,.sideNav a:not(.active)::after,.sideNav a{font-size:0}.sideProfile{justify-content:center}.sideNav a{justify-content:center;padding:11px}.sideNav a i{font-size:19px}.navLabel{font-size:7px;text-align:center;padding-left:0;padding-right:0}.sideBottom a{font-size:0;text-align:center}.sideBottom a:first-child{font-size:0}.sideBottom a:first-letter{font-size:17px}.digitalHeader{left:78px}.digitalFooter{left:78px}.headerQuick{display:none}.brandMini{display:flex}.studentChip{min-width:150px}.globalSearch{max-width:none}}
@media(max-width:720px){body{padding-left:0;padding-top:64px;padding-bottom:55px}.digitalSidebar{transform:translateX(-100%);width:250px;transition:.25s ease}.sidebarOpen .digitalSidebar{transform:translateX(0)}.sidebarOpen .sidebarBackdrop{display:block;position:fixed;inset:0;background:rgba(3,17,38,.5);z-index:55}.digitalHeader{left:0;height:64px;padding:0 10px;gap:8px}.mobileMenuBtn{display:block}.brandMini{display:none}.globalSearch{height:38px}.globalSearch button{display:none}.studentChip{min-width:auto;padding-right:7px}.studentChip>div:nth-child(2){display:none}.digitalFooter{left:0;height:55px;padding:0 12px;font-size:8px}.footerLinks{gap:9px}.footerBrand{font-size:9px}.mainvb,.awarePage,.lesson,.mediaPage,.simple,.quiz,.school,.subjectPage,.practicePage,.progressPage,.examPage{padding:12px}.headerQuick{display:none}}
/* =========================================================
   LIVE SWF / RUFFLE PLAYER
   ========================================================= */
.mediaToolbar{max-width:1280px;margin:12px auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--a2z-line);border-radius:14px;padding:10px 14px;box-shadow:var(--a2z-shadow);color:#526783;font-size:11px}.mediaToolbar span{padding:6px 9px;border-radius:8px;background:#f2f7ff}.mediaToolbar a,.primaryBtn{margin-left:auto;background:linear-gradient(135deg,#1268e8,#17aee9);color:#fff;text-decoration:none;border-radius:9px;padding:8px 12px;font-weight:800;font-size:10px}.mediaPreview{min-height:260px;display:grid;place-items:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 0%,#dff7ff,#f5f9ff 65%);border-radius:18px}.mediaPreview .mediaName{font-size:22px;font-weight:900;color:#123764}.mediaPreview p{color:#667895}.swfPlayerPage{max-width:1320px;margin:auto}.swfMeta{max-width:1280px;margin:12px auto;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid var(--a2z-line);border-radius:14px;padding:12px 16px;box-shadow:var(--a2z-shadow)}.swfMeta b{font-size:14px;color:#123764}.swfMeta span{font-size:10px;color:#71809a}.ruffleShell{max-width:1280px;height:min(72vh,760px);min-height:420px;margin:14px auto;background:#071b3b;border-radius:20px;padding:8px;box-shadow:0 18px 50px rgba(5,28,65,.25);overflow:hidden}.ruffleShell>div{width:100%;height:100%;border-radius:14px;overflow:hidden;background:#000}.ruffleLoading,.ruffleError{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:#dcecff;font-size:15px;line-height:1.6}.ruffleLoading small{color:#9db7d7;font-size:11px}.ruffleError{color:#ffd2d2}.swfHelp{max-width:1280px;margin:12px auto;padding:12px 14px;border:1px solid #dbe7f5;background:#f8fbff;border-radius:12px;color:#60738f;font-size:10px;line-height:1.6}.swfHelp code{background:#e9f1fb;padding:2px 5px;border-radius:4px}@media(max-width:720px){.mediaToolbar a{margin-left:0;width:100%;text-align:center}.swfMeta{display:block}.swfMeta span{display:block;margin-top:5px}.ruffleShell{min-height:320px;height:62vh;border-radius:14px;padding:5px}}
/* =========================================================
   ABOUT + GLOBAL AUTO-ADJUST / DIGITAL RESPONSIVE LAYER
   ========================================================= */
.aboutPage{min-height:calc(100vh - 132px);padding:24px;background:linear-gradient(135deg,#eef8ff 0%,#f8f7ff 48%,#fff5ed 100%)}
.aboutHero{max-width:1280px;margin:0 auto 18px;padding:30px;border-radius:24px;border:1px solid #dce7f5;background:linear-gradient(135deg,#08254b,#1268e8 58%,#18b7d7);color:#fff;box-shadow:var(--a2z-shadow);position:relative;overflow:hidden}
.aboutHero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-100px;background:rgba(255,255,255,.13)}
.aboutBadge{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:1.4px}.aboutHero h1{font-size:clamp(28px,4vw,48px);margin:14px 0 5px}.aboutHero p{font-size:18px;margin:0 0 10px;color:#d9f7ff}.aboutHero span{font-size:11px;color:#c7dcf5}
.aboutGrid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aboutCard{background:#fff;border:1px solid #dfe8f5;border-radius:18px;padding:22px;box-shadow:var(--a2z-shadow);min-width:0}.aboutCard h2{margin:0 0 10px;color:#123764;font-size:21px}.aboutCard h3{margin:2px 0 12px;color:#1268e8;font-size:13px}.aboutCard p{color:#5d708b;line-height:1.65;font-size:13px}.aboutProfile{grid-column:1/-1;display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#eef8ff)}.aboutAvatar{width:76px;height:76px;flex:0 0 76px;border-radius:22px;display:grid;place-items:center;font-size:22px;font-weight:1000;color:#fff;background:linear-gradient(135deg,#ff6a72,#8b65ff);box-shadow:0 10px 25px rgba(75,79,200,.25)}.aboutCard ul{margin:8px 0 0;padding-left:20px;color:#516983;line-height:1.9;font-size:13px}.aboutPills{display:flex;flex-wrap:wrap;gap:7px}.aboutPills span{background:#eef6ff;border:1px solid #d5e6fa;color:#245382;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.aboutCredits{grid-column:1/-1}.sourceNote{font-size:10px!important;color:#7b8da5!important}.aboutActions{max-width:1280px;margin:18px auto 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.aboutActions a{background:#fff;border:1px solid #d7e3f1;border-radius:10px;padding:11px 16px;color:#153c69;text-decoration:none;font-weight:900;box-shadow:0 4px 12px rgba(22,54,100,.07)}.aboutActions a:hover{transform:translateY(-2px)}
/* Fluid sizing: every major screen scales to available viewport without horizontal overflow. */
html,body{max-width:100%;overflow-x:hidden}.digitalHeader,.digitalSidebar,.digitalFooter{max-width:100vw}.mainvb,.awarePage,.lesson,.mediaPage,.simple,.quiz,.school,.subjectPage,.practicePage,.progressPage,.examPage,.aboutPage{width:100%;max-width:100%;overflow-x:hidden}.hero3,.awarePanel,.lessonBody,.subjectLayout,.aboutGrid{min-width:0}.bigpic img,.lessonPic img,.wordcard img,canvas,video{max-width:100%}@media(max-width:900px){.aboutGrid{grid-template-columns:1fr}.aboutProfile{grid-column:auto}.aboutCredits{grid-column:auto}.aboutPage{padding:16px}.mainvb .hero3{grid-template-columns:1fr}.mainvb .bigpic,.mainvb .center,.mainvb .wordcol{min-height:auto}.bigpic img{height:min(45vh,360px)}}
@media(max-width:560px){.aboutHero{padding:22px 18px}.aboutProfile{align-items:flex-start}.aboutAvatar{width:58px;height:58px;flex-basis:58px;border-radius:16px;font-size:17px}.aboutCard{padding:16px}.aboutHero h1{font-size:30px}.aboutHero p{font-size:14px}.aboutActions a{width:100%;text-align:center}.wordcard{grid-template-columns:1fr 88px}.wordcard img{width:82px;height:72px}.azrow button{min-height:54px;font-size:24px}.maygo{font-size:32px!important}.ruffleShell{width:100%;min-height:280px;height:58vh}}