/* Airy launch-page theme. Geometry, media, and interactions remain unchanged. */
:root{
 color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#eaf0f8;
 --ink:#172a40;--muted:#485d73;--dim:#5d7085;--blue:#1968c9;--cyan:#085797;--line:#cbd8e7;
 --paper:#f5f7fb;--paper-blue:#ecf2f9;--photo-copy:#fff;
}
body{background:var(--paper)}
.site-header{background:#fffffff2;border-bottom-color:#d8e2ee;color:var(--ink);box-shadow:0 3px 18px #28476606}
.brand img{background:#fff;box-shadow:0 0 0 1px #d9e4ef}.brand-caption,.site-header nav,.preview-mark{color:var(--muted)}
.site-header nav a:hover,.site-header nav a:focus-visible{background:#e6f0fd;color:#1259a2}
.header-tools button{background:#eaf0f8;color:#2d4966}.header-tools button:hover{background:#dce9f8}
#collapseLevel{color:#28537a}
.level-list{background:var(--paper)}
.level-detail{background:var(--paper)}
.button-primary{background:#1263bb;color:#fff;border-color:#1263bb;box-shadow:0 6px 22px #1263bb18}
.button-primary:hover{background:#0c5099;color:#fff}
.quiet-button{background:#fff;border-color:var(--line);color:var(--muted)}
.site-footer{background:#edf2f8;color:var(--muted);border-top-color:var(--line)}
.site-footer>div:first-child>a{color:var(--ink)}

/* Natural imagery shows through a pale paper veil, rather than a black wash. */
#main .level-detail .section-scenery::before{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);filter:none}
#main .level-detail .section-scenery::after{
 background:linear-gradient(90deg,#f5f7fbf5,#f5f7fbea 52%,#f5f7fbd9);opacity:1;
}
#main .level-detail .hero{background:var(--paper-blue)}
#main .level-detail .hero::after{background:linear-gradient(90deg,#ecf2f9ee,#ecf2f9e6 55%,#ecf2f9d4)}
#main .level-detail :is(h1,h2,h3,h4,.hero-facts strong,.statement-line,.hardware-platforms>div,.mentor-bar strong){color:var(--ink)}
#main .level-detail :is(p,small,figcaption,.eyebrow,.quiet-link,.quiet-button,.back-top,.step-number,.journey-steps strong,.stage-header,.stage-footer,.model-subtitle,.model-footnote,.console-note,.photo-credit,.debug-path,.debug-success){color:var(--muted)}
#main .level-detail :is(.accent,.hero-title span,.creation-mainline-mark,.stage-tag,.creation-connected h3,.hardware-connected h3,.creation-presentation-points h3,.outcome-grid article>span,.hardware-platforms>span,.creation-project-grid article>span,.professional-platform-grid article>span,.hardware-project-grid article>span){color:var(--cyan)}
#main .level-detail :is(.hero-facts small,.creation-mentor-note,.hardware-mentor-note,.hardware-single-skills>span,.creation-compare-grid article>p:last-child,.hardware-compare-grid article>p:last-child){color:var(--muted)}
#main .level-detail .hero-facts>div{background:#ffffffb8;border-color:#c9d8e8}
#main .level-detail :is(.creation-mainline-grid article,.outcome-grid article,.creation-presentation-points article){border-color:#b6cde6}
#main .level-detail :is(.journey-scroll,.compare-scroll){background:var(--paper)}
#main .level-detail .journey-steps li{border-color:#bdd0e5}
#main .level-detail .journey-steps li::before{background:#9fb8d3;border-color:var(--paper)}
#main .level-detail .journey-steps li.is-active::before{background:var(--cyan);box-shadow:none}
#main .level-detail .journey-steps li.is-active :is(strong,.step-number){color:var(--cyan)}

/* Workbenches remain a contained blue stage, with their own dark-surface tokens. */
#main .project-stage{
 color-scheme:dark;--ink:#f3f6fc;--muted:#c4d3e5;--dim:#b0c1d6;--cyan:#82d4ff;--blue:#72baff;--line:#355578;
 color:var(--ink);background:#122940;border-color:#3b5d80;box-shadow:0 14px 36px #294b711a;
}
#main .project-stage .stage-tag{color:var(--cyan)}
#main .project-stage :is(.debug-question,.plan-nodes span){color:var(--ink)}

/* Light comparison and AI panels, with readable illustrations. */
#main .comparison{background:#ffffffed;border-color:#c9d9e9;box-shadow:0 10px 30px #31577908}
#main .lesson-model{background:#f0f4f9;border-color:var(--line)}
#main .project-model{background:linear-gradient(135deg,#fff,#edf5ff)}
#main :is(.lesson-track>div,.network-node,.network-center){background:#fff;border-color:#bdd2e9;color:var(--ink);box-shadow:none}
#main :is(.network-center small,.lesson-track strong){color:var(--muted)}
#main :is(.node-ai,.node-material,.project-model .model-mark){background:#e4f0ff;color:var(--cyan)}
#main .model-mark{color:#375c7f;border-color:#bdd0e5}
#main .mentor-bar{border-color:var(--line)}
#main .ai-console{background:#fffffff2;border-color:#c8d9ed;box-shadow:0 12px 35px #31577908}
#main .ai-tabs{background:#edf3fb;border-color:#cbdcee}
#main .ai-tabs button{color:#465c74}
#main .ai-tabs button[aria-selected=true]{background:#fff;color:var(--cyan);border-bottom-color:var(--cyan)}
#main .prompt-example{background:#edf4fd;border-color:#226bbb}
#main .prompt-example>span{color:var(--cyan)}
#main .console-note{background:#f4f7fb;border-color:#d8e3f0}
#main .idea-orb{background:radial-gradient(circle,#e5f2ff,#d6e8fa);color:var(--cyan);border-color:#8db9e3;box-shadow:0 0 32px #6fb3f11f}
#main .idea-orb>span{color:var(--ink)}
#main .idea-branches>span{background:#eef5fd;border-color:#b6cfe9;color:var(--muted)}
#main .idea-branches strong{color:var(--ink)}
#main .debug-loop{border-color:#8cafcf;background:radial-gradient(ellipse,#dfedf97a,transparent 70%)}
#main .debug-loop>span{background:#eaf3ff;border-color:#abc8e5;color:var(--ink)}
#main :is(.creation-code-diagram,.embodied-learning-diagram)>span{background:#e8f2fe;border-color:#accbeb;color:var(--ink)}
#main .material-character{background-color:#ecf2f9;background-image:linear-gradient(45deg,#dce6f3 25%,transparent 25%,transparent 75%,#dce6f3 75%),linear-gradient(45deg,#dce6f3 25%,transparent 25%,transparent 75%,#dce6f3 75%);border-color:#b3cae4}
#main .material-character>span{color:#294563}
#main .material-background{--cyan:#a9dfff}
#main .ai-diagram .hardware-shell{filter:drop-shadow(0 12px 15px #36648e12)}
#main .ai-diagram .shell-top{background:#a9cfee85;border-color:#3277b4}
#main .ai-diagram .shell-top::after{border-color:#5290c2}
#main .ai-diagram .shell-board{background:#47ac9699;border-color:#16745f}
#main .ai-diagram .shell-bottom{background:#699bd4b0;border-color:#2b639c}

/* A few navy film sections provide a deliberate light/dark rhythm. */
#main .level-detail .classroom-section{
 color-scheme:dark;--ink:#f3f6fc;--muted:#cfdef0;--dim:#bbcee4;--cyan:#88d5ff;--line:#335370;
 position:relative;isolation:isolate;background:#142b42;color:var(--ink);
}
#main .level-detail .classroom-section::before{
 content:'';position:absolute;inset:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;
 background:#142b42;mask-image:none;
}
#main .level-detail .classroom-section::after{display:none}
#main .classroom-section .section-description{color:var(--muted)}
#main .classroom-film figcaption{color:var(--muted)}
#main .classroom-section :is(.ai-film-label,.recording-label){color:#b5e2ff;border-color:var(--cyan)}
#main .classroom-player{background:#0b1b2c;border:1px solid #496783;box-shadow:0 16px 35px #020b161c}
#main .media-error{color:#ffb8a8}

/* Existing genuine venue image: bring its color back and blend into paper. */
#main .venue-photo img{filter:none}
#main .venue-photo>div{background:linear-gradient(90deg,#f5f7fbf5 3%,#f5f7fbe6 46%,#f5f7fb6b),linear-gradient(0deg,var(--paper),transparent 22%,transparent 80%,var(--paper))}

/* Desktop film and banners keep bright photography away from text-only masks. */
@media(min-width:981px){
 .curriculum-intro{--ink:#fff;--muted:#f0f5fc;--cyan:#a6e1ff}
 .intro-video{mask-image:none;filter:none}
 .curriculum-intro::before{mask-image:none}
 .curriculum-intro::after{background:radial-gradient(ellipse at 50% 55%,#071d36ad,#071d364d 65%,#071d361f);opacity:1}
 .curriculum-intro h1{color:#fff;text-shadow:0 2px 22px #06152b5c}
 .curriculum-intro>.eyebrow,.curriculum-intro>p:not(.eyebrow){color:#fff;text-shadow:0 1px 8px #06152b7a}
 .intro-media-tools{background:#0e243ce6;color:#e6f3ff;border-radius:15px;padding:5px 10px}
 .level-banner{--cyan:#a6e1ff;--muted:#f4f8fe;color:#fff;background:var(--paper)}
 .level-banner::after{background:linear-gradient(90deg,#0b233ddb,#0b233db3 28%,#0b233d80 49%,#0b233d12 76%,transparent)}
 .level-banner :is(h2,.level-meta,.level-teaser,.level-index small){color:#fff;text-shadow:0 1px 8px #06152b40}
 .level-banner .level-index,.level-banner .level-highlights{color:#bfeaff}
 .level-highlights>span+span{border-color:#cbeaff73}
}
@media(max-width:980px){
 :root{--mobile-surface:#fff;--mobile-copy:#40566e}
 .site-header{background:#fffffff2}
 .mobile-nav-backdrop:not([hidden]){background:#2c486952;backdrop-filter:blur(3px)}
 .mobile-level-navigation:not([hidden]){background:#fff;border-color:#ccdaeb;box-shadow:0 16px 45px #28486926;color:var(--ink)}
 .mobile-level-navigation a>span{color:var(--cyan)}
 .mobile-level-navigation a:first-child{color:var(--muted);border-color:var(--line)}
 .mobile-level-navigation a:hover,.mobile-level-navigation a:focus-visible{background:#eaf2fc}
 .curriculum-intro.section-shell{background:var(--paper)}
 .curriculum-intro>p:not(.eyebrow){color:var(--muted)}
 .level-card{box-shadow:0 4px 18px #23496e08}
 .level-banner{background:#fff}
 .level-banner h2{color:var(--ink)}
 .level-meta{color:var(--cyan)}
 .level-teaser{color:var(--muted)}
 .level-index{background:#fffffff2;color:var(--cyan);box-shadow:0 2px 10px #12345812}
 .level-index small{color:#395a7e}
 #main .level-detail .section-scenery::after{background:#f5f7fbeb;opacity:1}
 #main .level-detail .hero::after{background:#ecf2f9e6}
 #main .level-detail .journey-steps li{background:#ffffffed;border-color:#c3d5e8}
 #main .level-detail .journey-steps li.is-active{background:#e2efff;border-color:#3983cb}
 #main .level-detail .classroom-section::before{left:0;width:100%;transform:none}
}