/* Fluid workspace for large monitors; existing phone/tablet breakpoints stay intact. */
@media(min-width:1400px){
 body.academy-wide{--workspace-width:94vw}
 .academy-wide>header,.academy-wide>.layout{width:var(--workspace-width);max-width:none;margin-inline:auto}
 .academy-wide>header{padding-inline:clamp(24px,2vw,64px)}
 .academy-wide>.layout{grid-template-columns:clamp(220px,10vw,290px) minmax(0,1fr);padding:24px 0;gap:clamp(18px,1.5vw,48px)}
 .academy-wide .layout>main{padding:24px clamp(20px,1.8vw,60px);min-width:0}
 .academy-wide #content{max-width:none;width:100%;min-width:0}
 .academy-wide #hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;min-height:360px}
 .academy-wide #hero>div:first-child{padding:clamp(28px,2vw,64px)}
 .academy-wide #hero p{max-width:65ch}
 .academy-wide .book-prose>p,.academy-wide .studio-reading article>p{max-width:78ch}
 .academy-wide.welcome-page>.layout{display:block}
 .academy-wide .welcome-copy{max-width:75ch}
 .academy-wide .welcome-pictures{width:100%;max-width:850px;justify-self:center}
 .academy-about>main{width:94vw;max-width:none;margin-inline:auto;padding-inline:clamp(24px,2vw,64px)}
 .academy-about .welcome-copy{max-width:75ch}
 .academy-about .welcome-pictures{max-width:850px;width:100%;justify-self:center}
}

@media(min-width:1400px){.academy-wide #hero>.scene{align-self:stretch;min-height:360px}}
/* Shared lesson sizing: more usable space without distorting diagrams or game coordinates. */
@media(min-width:1400px){
 .academy-wide #content{font-size:clamp(16px,.55vw + 8px,21px)}
 .academy-wide #content :is(.book-prose,.studio-lesson,.secondary-lesson,.support-space,.lesson-card) :is(p,li){font-size:clamp(17px,.55vw + 8px,22px);line-height:1.8}
 .academy-wide #content :is(.book-prose,.studio-lesson,.secondary-lesson,.support-space,.lesson-card) h2{font-size:clamp(28px,1.2vw + 10px,44px)}
 .academy-wide #content :is(.book-prose,.studio-lesson,.secondary-lesson,.support-space,.lesson-card) h3{font-size:clamp(22px,.8vw + 10px,34px)}
 .academy-wide :is(.secondary-space,.secondary-lesson){max-width:none;width:100%}
 .academy-wide .secondary-lesson :is(p,li,blockquote){max-width:78ch}
 .academy-wide .secondary-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
 .academy-wide .secondary-space svg{max-width:clamp(480px,32vw,1000px)}
 .academy-wide .studio-reading{grid-template-columns:clamp(240px,12vw,360px) minmax(0,1fr)}
 .academy-wide .book-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,2vw,72px)}
 .academy-wide .book-spread :is(svg,img){max-width:100%;max-height:75vh;object-fit:contain}
 .academy-wide #content :is(img,video){max-width:100%;object-fit:contain}
 .academy-wide #content :is(.book-prose,.studio-lesson,.secondary-lesson,.support-space) button{font-size:clamp(16px,.4vw + 10px,21px);min-height:48px}
}
.page-style{position:relative;font-size:14px}.page-style summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;padding:10px 14px;border-radius:12px;background:#edf1e6;color:#263e4b;font-weight:650}.page-style>div{position:absolute;right:0;top:100%;z-index:100;width:290px;max-width:calc(100vw - 32px);padding:18px;background:#fffefb;border:1px solid #b5c9c0;border-radius:14px;box-shadow:0 8px 25px #203b4826}.page-style label{display:block;margin-bottom:12px}.page-style select{display:block;width:100%;min-height:44px;margin-top:5px;font-size:16px}.page-style small{font-size:12px;letter-spacing:normal;line-height:1.5;color:#43516b}
.academy-wide[data-page-theme="ocean"]{background:linear-gradient(125deg,#e1f2fa,#edf7f4);--teal:#21698a;--ink:#203f51}
.academy-wide[data-page-theme="lavender"]{background:linear-gradient(125deg,#ece5fa,#faf0f6);--teal:#68518c;--ink:#39334e}
.academy-wide[data-page-theme="sunset"]{background:linear-gradient(125deg,#fff0d6,#fbe5df);--teal:#985334;--ink:#4b362f}
.academy-wide[data-page-theme]:not([data-page-theme="garden"]) #nav button.active{background:#fffdf8;box-shadow:inset 3px 0 var(--teal)}
.academy-wide[data-page-theme]:not([data-page-theme="garden"]) #hero{background:linear-gradient(110deg,#ffffffb8,#ffffff42);border-color:var(--teal)}
.academy-wide[data-page-theme]:not([data-page-theme="garden"]) .page-style summary{background:#fffdf8;color:var(--ink)}
@media(min-width:1400px){
 .academy-wide[data-page-layout="comfortable"]>header,.academy-wide[data-page-layout="comfortable"]>.layout{width:min(94vw,1800px)}
 .academy-wide[data-page-layout="reading"]>header,.academy-wide[data-page-layout="reading"]>.layout{width:min(94vw,1500px)}
 .academy-wide[data-page-layout="reading"] #content :is(p,li){max-width:70ch}
}
@media(max-width:800px){.page-style>div{left:0;right:auto}.page-style{max-width:100%}}