/* Classroom projection: pale blue glass with deep-blue type, even grids, readable actions. */
:root{--ink:#173458;--muted:#526985;--blue:#295a91;color:var(--ink);background:#eef5fb}
html,body,#deck{width:100%;height:100%;height:100dvh;max-width:none;max-height:none}
body{background:linear-gradient(135deg,#f8fbff 0%,#edf5fd 65%,#e8f1fa)}
.ambient{display:none}
.slide:not(.native-slide){background:radial-gradient(ellipse at 95% 85%,#d7eafa90,transparent 65%),linear-gradient(135deg,#f8fbff,#edf5fd 65%,#e8f1fa);padding:clamp(28px,4.5vh,60px) 6vw clamp(62px,8vh,90px);gap:clamp(18px,3vh,34px)}
.slide:not(.native-slide) .slide-head{max-width:none;width:100%;text-align:center;flex:none}
.section-tag{display:none}
.slide:not(.native-slide) .slide-head h1{font-size:clamp(30px,3.05vw,58px);line-height:1.3;font-weight:700;letter-spacing:0;text-wrap:balance;color:#18395f}
.slide:not(.native-slide) .subtitle{font-size:clamp(17px,1.48vw,28px);line-height:1.55;color:#536d8b;margin:14px 0 0}
.slide:not(.native-slide) .body{width:100%;gap:clamp(18px,2.4vh,28px);justify-content:center;min-height:0}
.slide:not(.native-slide) .grid{gap:clamp(18px,2vw,32px);align-items:stretch}
.slide:not(.native-slide) .cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.slide:not(.native-slide) .card{background:linear-gradient(135deg,#ffffffdc,#eff7ffc4);border:1px solid #c6daed;border-radius:20px;box-shadow:0 16px 34px -24px #3d658b55,inset 0 1px 0 #ffffff;padding:clamp(24px,2.3vw,42px);display:flex;flex-direction:column;justify-content:center;min-height:clamp(190px,29vh,310px)}
.slide:not(.native-slide) .card h2{font-size:clamp(23px,2vw,36px);color:#234d79;text-align:center;line-height:1.4;letter-spacing:0;margin:0 0 16px;min-height:1.4em}
.slide:not(.native-slide) .card p{font-size:clamp(19px,1.65vw,30px);line-height:1.65;color:#344f70;white-space:pre-line;margin:0}
.slide:not(.native-slide) .card-number{position:absolute;top:16px;left:20px;font-size:12px;color:#6286ac;opacity:.8;margin:0}
.slide:not(.native-slide) .cols-4 .card{min-height:clamp(126px,18vh,210px);padding:22px 32px}
.slide:not(.native-slide) .cols-4 h2{margin-bottom:10px;font-size:clamp(22px,1.85vw,34px)}
.slide:not(.native-slide) .cols-4 p{text-align:center}
.slide:not(.native-slide) .callout{width:100%;background:#f7fbffca;border:1px solid #d2e0ee;border-left:3px solid #79a2ce;border-radius:12px;color:#3e5d7f;font-size:clamp(17px,1.4vw,26px);line-height:1.65;padding:16px 22px;box-shadow:none}
.slide:not(.native-slide) .split{grid-template-columns:1.12fr 1fr;gap:3vw;align-items:stretch}
.slide:not(.native-slide) .image-panel{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #d2e0ee;border-radius:20px;background:#ffffffb8}
.slide:not(.native-slide) .image-panel img{width:100%;max-height:48vh;object-fit:contain;border-radius:12px;filter:none}
.slide:not(.native-slide) figcaption{display:none}
.slide:not(.native-slide) .split .stack{grid-auto-rows:1fr;gap:18px;align-items:stretch}
.slide:not(.native-slide) .split .card{min-height:0;padding:20px 26px}
.slide:not(.native-slide) .split h2{font-size:clamp(22px,1.8vw,32px);margin-bottom:10px}
.slide:not(.native-slide) .split p{font-size:clamp(18px,1.46vw,27px);line-height:1.6}
.slide:not(.native-slide) .prompt-lines{gap:16px}
.slide:not(.native-slide) .prompt-lines .row{grid-template-columns:44px 1fr;gap:24px;padding:20px 26px;min-height:85px;border-radius:16px;border:1px solid #c6daed;background:linear-gradient(135deg,#ffffffdc,#eff7ffc4);box-shadow:none}
.slide:not(.native-slide) .prompt-lines p{font-size:clamp(20px,1.75vw,32px);color:#294d75;line-height:1.6}
.slide:not(.native-slide) .step-no{font-size:26px;color:#4272a5;font-variant-numeric:tabular-nums;text-align:center}
.prompt-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;align-items:stretch}
.prompt-controls .primary{margin:0;text-align:center;background:#dcecff;border:1px solid #a9c8e8;box-shadow:none;border-radius:14px;padding:14px 22px;font-size:20px;color:#204f80}
.prompt-controls details{margin:0;min-width:0;background:#ffffffc9;border:1px solid #c6d8eb;border-radius:14px;color:#234d79;padding:16px 22px;font-size:20px}
.prompt-controls details[open]{position:fixed;inset:12vh 9vw 12vh;z-index:40;background:#f9fcff;box-shadow:0 30px 100px #385d873b;overflow:auto;padding:28px 34px}
.prompt-controls details[open] summary{position:sticky;top:0;background:#f9fcff;padding-bottom:16px;border-bottom:1px solid #c6d8eb}
.prompt-controls pre{font-size:clamp(17px,1.35vw,24px);line-height:1.85;color:#234d79}
.statement .body{align-items:center;text-align:center}
.slide:not(.native-slide) .big{font-size:clamp(34px,4vw,74px);line-height:1.65;font-weight:600;color:#20446f;letter-spacing:0;margin:0;text-wrap:balance;max-width:100%}
.slide:not(.native-slide) .surface::before{opacity:.14;background:radial-gradient(ellipse 250px 180px at var(--local-x) var(--local-y),#ffffff 0%,#c0dcf3aa 45%,transparent 85%)!important}
.slide:not(.native-slide) .surface::after{background:radial-gradient(ellipse 280px 200px at var(--local-x) var(--local-y),#c9e3f344,transparent 78%)!important}
.slide:not(.native-slide) .surface.lit{border-color:#8db7db;box-shadow:var(--cast-x) var(--cast-y) 35px -22px #3b658955,inset 0 1px 0 #ffffff}
.slide:not(.native-slide) .surface.lit::before{opacity:.45}
.page,.is-native .page{background:#ffffffd9;border:1px solid #c6d8eb;color:#536b88;box-shadow:none;backdrop-filter:blur(12px)}
.page b{color:#244c7a}.page:hover{background:#e8f3ff}.edge span{color:#234d79;background:#ffffffdc}
#progress,.is-native #progress{background:#72a5d5aa;height:2px}
.slide.native-slide{background:#eef5fb!important}
.native-stage{background:transparent}
@media(max-height:760px) and (min-width:701px){
 .slide:not(.native-slide){padding-top:25px;padding-bottom:57px;gap:18px}
 .slide:not(.native-slide) .slide-head h1{font-size:clamp(28px,2.8vw,42px)}
 .slide:not(.native-slide) .subtitle{font-size:17px;margin-top:10px}
 .slide:not(.native-slide) .card{padding:23px;min-height:170px}
 .slide:not(.native-slide) .card h2{font-size:23px;margin-bottom:12px}
 .slide:not(.native-slide) .card p{font-size:19px;line-height:1.6}
 .slide:not(.native-slide) .cols-4 .card{min-height:120px;padding:18px 24px}
 .slide:not(.native-slide) .callout{padding:12px 18px;font-size:16px}
 .slide:not(.native-slide) .prompt-lines .row{min-height:68px;padding:14px 22px}
 .slide:not(.native-slide) .prompt-lines p{font-size:20px}
 .prompt-controls{margin-top:16px}.prompt-controls .primary,.prompt-controls details{font-size:17px;padding:12px 18px}
 .slide:not(.native-slide) .split .card{padding:16px 20px}
 .slide:not(.native-slide) .split h2{font-size:21px}.slide:not(.native-slide) .split p{font-size:17px}
}
@media(max-width:700px){
 .slide:not(.native-slide){padding:28px 25px 85px;gap:24px}
 .slide:not(.native-slide) .slide-head h1{font-size:28px}
 .slide:not(.native-slide) .subtitle{font-size:16px}
 .slide:not(.native-slide) .body{flex:0;min-height:auto;gap:20px}
 .slide:not(.native-slide) .grid,.slide:not(.native-slide) .cols-4,.slide:not(.native-slide) .split{grid-template-columns:1fr;gap:18px}
 .slide:not(.native-slide) .card,.slide:not(.native-slide) .cols-4 .card{min-height:150px;padding:28px 22px 24px}
 .slide:not(.native-slide) .card h2{font-size:23px}.slide:not(.native-slide) .card p{font-size:18px}
 .slide:not(.native-slide) .image-panel img{max-height:none}
 .slide:not(.native-slide) .prompt-lines .row{grid-template-columns:25px 1fr;gap:15px;min-height:0;padding:20px 16px}
 .slide:not(.native-slide) .prompt-lines p{font-size:18px}.slide:not(.native-slide) .step-no{font-size:22px}
 .prompt-controls{grid-template-columns:1fr;gap:14px}
 .prompt-controls .primary,.prompt-controls details{font-size:17px}
 .prompt-controls details[open]{inset:7vh 5vw 9vh;padding:20px}
 .slide:not(.native-slide) .callout{font-size:16px;padding:15px 18px}
 .slide:not(.native-slide) .big{font-size:30px;line-height:1.65}.statement .body{padding-top:16px}
}
@media(prefers-reduced-transparency:reduce){.slide:not(.native-slide) .card,.slide:not(.native-slide) .row,.slide:not(.native-slide) .callout{background:#f8fbff;backdrop-filter:none}}

/* Original educational experiences; the source apps run unchanged in the overlay. */
.showcase .body,.showcase-video .body{align-items:center;justify-content:center}
.showcase-preview{position:relative;display:block;max-width:100%;width:min(1120px,82vw);height:min(56vh,630px);padding:0;border:1px solid #c7dceb;border-radius:18px;background:#f3f8fd;overflow:hidden;box-shadow:0 20px 60px #355c8029}
.showcase-preview img{display:block;width:100%;height:100%;object-fit:contain}
.experience-label{position:absolute;bottom:22px;right:22px;padding:13px 22px;border:1px solid #b5d0e9;border-radius:14px;background:#f4fafff0;color:#254f7b;font-size:21px;box-shadow:0 6px 24px #355c8033}
.experience-label span{margin-left:16px}
.showcase-player{display:block;width:min(1200px,100%);height:min(61vh,675px);object-fit:contain;background:#eaf3fb;border:1px solid #cadce9;border-radius:16px;outline:none}
@media(max-width:700px){.showcase-preview{width:100%;height:55vh;min-height:260px}.experience-label{font-size:17px;bottom:14px;right:14px;padding:11px 16px}.showcase-player{width:100%;height:auto;aspect-ratio:16/9}.showcase .body,.showcase-video .body{padding-top:15px}}

/* Pale chrome also covers expanded instructions, tables and embedded experiences. */
a{color:#2c6097}
#game,#game::backdrop,#game-frame{background:#f2f7fc}
.game-bar{background:#f5f9fef5;border-bottom:1px solid #cbddec;color:#21466e}
.game-bar strong{color:#21466e}.game-bar button,.game-bar select{background:#fff;border-color:#b9d1e7;color:#285583}
.table-wrap{background:#ffffffd9!important}th{color:#285a8e}td{color:#355574}th,td{border-color:#ccddec}
.is-native .edge span,.is-native .edge:hover span{color:#37638f;background:#ffffffbf}
body.is-video .page{background:#ffffffd9;border-color:#c6d8eb;color:#536b88;opacity:1}body.is-video .page b{color:#244c7a}
.slide:not(.native-slide).poster{padding:18px 28px 62px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.slide.poster[hidden]{display:none}
.poster-stage{width:100%;height:100%;min-height:0;display:flex;justify-content:center;align-items:center}
.poster-stage img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 16px 50px #345d8423;border-radius:12px}
@media(max-width:700px){.slide:not(.native-slide).poster{padding:18px 22px 64px}.poster-stage img{width:100%;height:auto;max-height:100%;object-fit:contain}.game-bar strong{min-width:0;overflow-wrap:anywhere}.game-bar button{flex-shrink:0}}
@media(prefers-reduced-transparency:reduce){.page,.prompt-controls details,.prompt-controls details[open],.image-panel,.showcase-preview,.experience-label{background:#f8fbff!important;backdrop-filter:none!important}}

.slide.intro{padding:0!important;background:#fff!important;overflow:hidden}.intro-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.intro-stage img{width:100%;height:100%;object-fit:contain}.slide.intro:before,.slide.intro:after{display:none!important}