/* One app surface at a time, with compact persistent destinations. */
#lesson-picker,.guided-exploration{display:none!important}.learning-topbar{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 12px;background:var(--paper);padding:12px 0;border-bottom:1px solid #bac6ad;margin-bottom:20px}.learning-brand{min-width:0}.learning-brand h1{font:600 29px/1.1 var(--serif);margin:0}.learning-brand>span{display:block;line-height:1.5;font-size:10px;letter-spacing:.08em;color:#54664a}.learning-topbar>nav{display:flex;gap:2px;padding:3px;border:1px solid #bdc9ad;border-radius:12px;background:#f8f7e9}.learning-topbar>nav a{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:0 12px;text-decoration:none;font-size:13px;font-weight:600;border-radius:8px;color:#3e5735}.learning-topbar>nav a[aria-current=page]{background:#274632;color:#f3f0d9}.learning-topbar>nav a:hover{box-shadow:inset 0 0 0 1px #6f8a5f}.topic-return{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #cad2bf;padding-top:8px}.topic-return button{min-height:44px;padding:7px 13px;border:1px solid #acbd9b;border-radius:8px;font-size:12px;color:#304f2e;white-space:nowrap}.topic-return>span{font-size:10px;line-height:1.65;color:#536949;text-align:right;max-width:560px}body:not([data-app-view=lesson]) .topic-return{display:none}
.library-heading{padding:15px 0 17px}.library-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.2;margin:8px 0 11px;color:#263f2b}.library-heading>p:last-child{font-size:15px;line-height:1.8;color:#53674a}.library-filters{display:flex;gap:8px;flex-wrap:wrap;margin:7px 0 23px}.library-filters button{min-height:44px;padding:8px 16px;border:1px solid #b1c09f;border-radius:24px;font-size:12px;color:#37532e}.library-filters [aria-pressed=true]{background:#dbe6cc;border-color:#53733e;font-weight:700}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.topic-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid #bec9af;border-radius:16px;overflow:hidden;background:#faf9ed;color:#304b2d;transition:transform .16s,box-shadow .16s}.topic-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #233d2517}.topic-card:focus-visible{outline:3px solid #a5782d;outline-offset:5px}.topic-art{background:#1d3528;padding:6px 8px;overflow:hidden}.topic-art svg{width:100%;max-height:190px}.topic-art svg text{fill:#c9d9b3;font:11px var(--sans)}.topic-card-copy{padding:20px 20px 17px;display:flex;flex:1;flex-direction:column}.topic-model{font-size:10px;color:#526d42;letter-spacing:.03em}.topic-card h3{font:600 28px/1.2 var(--serif);margin:9px 0;color:#294b2d}.topic-card p{font-size:12px;line-height:1.8;color:#53684a;flex:1}.topic-open{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;color:#355b2e;margin-top:19px;min-height:30px}.topic-open>span{font-size:20px}.practice-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;margin-top:24px;border:1px dashed #a9b999;border-radius:12px;text-decoration:none;color:#375330}.practice-card strong{font:600 23px/1.4 var(--serif)}.practice-card small{display:block;font-size:12px;line-height:1.8;margin-top:4px;color:#586c4c}.library-note{font-size:11px;line-height:1.9;color:#586d4c;max-width:850px;margin:22px 0 35px}
#topic-heading{margin:7px 0 16px}#topic-title{font-size:clamp(29px,3.5vw,42px);line-height:1.3;color:#2d4a2c}#topic-description{font-size:13px;color:#526a47;line-height:1.8;max-width:850px;margin-top:7px}.topic-panels{display:flex;gap:5px;border-bottom:1px solid #bdc9ad;margin-top:18px;overflow-x:auto}.topic-panels a{display:flex;align-items:center;min-height:44px;padding:7px 15px;font-size:12px;text-decoration:none;white-space:nowrap;color:#526548;border-bottom:3px solid transparent}.topic-panels a[aria-current=page]{color:#294f2d;border-color:#4e773c;font-weight:700}#topic-hands-on{font-size:12px;color:#4b643e;line-height:1.8;padding:11px 0 0}#topic-hands-on strong{font-weight:700;margin-right:8px}#topic-loading{min-height:160px;font-size:15px;line-height:1.9;padding:30px 0;color:#47613b}#sky-about{margin:24px 0;border-block:1px solid #bdc9ad}#sky-about>summary{min-height:48px;padding:12px 0;cursor:pointer;font-size:14px;color:#405d35}#sky-about .notes{margin-top:15px;padding-top:15px}#sky-about .notes-heading h2{font-size:28px}
body[data-app-view=sky] #prediction,body[data-app-view=sky] #lesson-predict{display:none!important}
body[data-app-view=lesson] #sky-about,body[data-app-view=lesson] .footer,body[data-app-view=library] .footer{display:none!important}
body[data-app-view=lesson] #lesson-heading{margin:0;padding:0;border:0}body[data-app-view=lesson] .lesson-heading-row,body[data-app-view=lesson] #lesson-title,body[data-app-view=lesson] .lesson-start-hint,body[data-app-view=lesson] .pa-heading,body[data-app-view=lesson] .pa-intro,body[data-app-view=lesson] .lm-heading,body[data-app-view=lesson] .lm-intro,body[data-app-view=lesson] .ec-heading-row,body[data-app-view=lesson] #eclipse-title,body[data-app-view=lesson] .ec-intro,body[data-app-view=lesson] .ec-model-tag{display:none!important}
body[data-app-view=lesson] #prediction{display:none}body[data-app-view=lesson][data-topic=practice][data-topic-panel=prediction] #prediction{display:grid}
body[data-app-view=lesson]:not([data-topic-panel=explore]) #lab,body[data-app-view=lesson]:not([data-topic-panel=explore]) .lab-topline,body[data-app-view=lesson]:not([data-topic-panel=explore]) .controls,body[data-app-view=lesson]:not([data-topic-panel=explore]) #boundary-details,body[data-app-view=lesson]:not([data-topic-panel=explore]) .pa-tabs,body[data-app-view=lesson]:not([data-topic-panel=explore]) .ec-main-grid,body[data-app-view=lesson]:not([data-topic-panel=explore]) .ec-steps,body[data-app-view=lesson]:not([data-topic-panel=explore]) .ec-observation{display:none!important}
body[data-app-view=lesson]:not([data-topic-panel=notes]) #lesson-controls,body[data-app-view=lesson]:not([data-topic-panel=notes]) .pa-notes,body[data-app-view=lesson]:not([data-topic-panel=notes]) .lm-notes,body[data-app-view=lesson]:not([data-topic-panel=notes]) .ec-explanation,body[data-app-view=lesson]:not([data-topic-panel=notes]) .ec-detail-grid{display:none!important}
body[data-app-view=lesson]:not([data-topic-panel=prediction]) #lesson-predict,body[data-app-view=lesson]:not([data-topic-panel=prediction]) #pa-prediction,body[data-app-view=lesson]:not([data-topic-panel=prediction]) #lm-prediction,body[data-app-view=lesson]:not([data-topic-panel=prediction]) .ec-prediction{display:none!important}
body[data-app-view=lesson][data-topic-panel=notes] #lesson-controls{display:block;border:0;padding:15px 0;max-width:900px}body[data-app-view=lesson][data-topic-panel=notes] .lesson-observation{display:none}body[data-app-view=lesson][data-topic-panel=notes] #lesson-explanation{display:block;margin:0}body[data-app-view=lesson][data-topic-panel=notes] .pa-notes,body[data-app-view=lesson][data-topic-panel=notes] .lm-notes{margin-top:5px}body[data-app-view=lesson][data-topic-panel=notes] .pa-notes details,body[data-app-view=lesson][data-topic-panel=notes] .lm-notes details{max-width:950px}
#lesson-predict{max-width:850px;padding:20px;border:1px solid #b7c7a4;border-radius:12px;background:#f8f8e9;margin:18px 0}#lesson-predict legend{font:600 24px/1.4 var(--serif)}#lesson-predict label{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;font-size:13px}#lesson-predict input{width:18px;height:18px;accent-color:#486c39}#lesson-prediction-feedback{font-size:13px;line-height:1.8;color:#46643b;margin-top:12px}
body[data-topic-panel=prediction] .ec-prediction{margin:15px 0}body[data-topic-panel=prediction] #prediction{margin-top:16px}body[data-topic-panel=prediction] #prediction .prediction-copy h2{font-size:30px}
@media(max-width:1000px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.learning-topbar{padding-block:10px;margin-bottom:12px;gap:7px 8px}.learning-brand h1{font-size:24px}.learning-brand>span{font-size:9px}.learning-topbar>nav a{min-width:56px;min-height:44px;font-size:12px;padding:0 10px}.topic-return{gap:9px;padding-top:7px}.topic-return button{font-size:11px;padding:6px 10px}.topic-return>span{font-size:9px;max-width:180px}.library-heading{padding-top:8px}.library-heading h2{font-size:33px}.library-heading>p:last-child{font-size:13px}.library-filters{gap:6px;margin-bottom:17px}.library-filters button{font-size:10px;padding:7px 11px}.topic-grid{grid-template-columns:1fr;gap:17px}.topic-card{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);min-height:200px}.topic-art{display:flex;align-items:center;padding:0}.topic-art svg{width:210px;max-width:none;min-width:180px;margin-left:calc((100% - 210px)/2);height:170px}.topic-card-copy{padding:16px 13px}.topic-card h3{font-size:24px;margin:7px 0}.topic-card p{font-size:11px;line-height:1.65}.topic-model{font-size:9px;line-height:1.5}.topic-open{margin-top:10px;font-size:11px}.practice-card{padding:15px}.practice-card strong{font-size:21px}.practice-card small{font-size:11px}#topic-title{font-size:30px}#topic-description{font-size:12px}.topic-panels{margin-top:12px;gap:0}.topic-panels a{font-size:10px;padding:6px 12px}#topic-hands-on{font-size:11px;padding-top:8px}#topic-hands-on strong{display:block}.site-header .institution-nav{display:none}.library-note{font-size:10px}#lesson-predict{padding:15px}#lesson-predict legend{font-size:21px}#lesson-predict label{font-size:12px}.ec-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}.topic-card:hover{transform:none}}

html{scroll-padding-top:160px;scroll-padding-bottom:20px}#topic-title:focus,#library-title:focus{outline:none}
@media(max-width:600px){.topic-art svg text{display:none}}

/* A single dated Sky; lesson-specific models are identified in their headings. */
.lab-topline{gap:12px}.lab-topline .model-label{margin-left:0;margin-right:auto;font-size:11px}.lab-topline .script-control{margin-left:0}
.ring-readings{display:grid;gap:4px;margin-top:2px}.ring-readings .solar-context{margin:0;column-gap:7px;row-gap:0}.ring-purpose{flex-basis:100%;padding-left:25px;font-size:10px;line-height:1.6;color:#bcccb2}.moon-ring-context strong{color:#b5dcec}.moon-ring-context .solar-rashi-key{border-color:#a4cfdf}
@media(max-width:780px){.lab-topline{display:flex;flex-wrap:nowrap;gap:8px}.lab-topline .model-label{display:none}.lab-topline .script-control{margin-left:auto}.ring-purpose{padding-left:22px}}
@media(max-width:600px){.skip-link:focus{z-index:200}}

@media(min-width:781px){body[data-lesson][data-lesson-revealed=true] .ring-readings{grid-column:1;grid-row:3}body[data-lesson][data-lesson-revealed=true] .ring-readings .solar-context{grid-row:auto}}
@media(max-width:370px){.toolbar-button{flex-direction:column;gap:1px;min-width:44px;width:44px;padding:3px 0;font-size:9px;line-height:1.2}.toolbar-speed select{min-width:68px;width:68px;padding-left:24px;padding-right:14px;font-size:11px}.toolbar-speed>.toolbar-icon{left:5px;width:15px;height:15px}}

/* Spatial Moon label: fixed CSS text sizes remain readable as the diagram scales. */
.moon-rashi-callout{position:absolute;z-index:1;pointer-events:none;visibility:hidden;max-width:128px;padding:4px 8px 5px;background:#142c23f5;border:1px solid #90b9bd;border-radius:7px;box-shadow:0 2px 6px #0b181933;color:#d5e6df;line-height:1.25;white-space:nowrap}
.moon-rashi-callout>span{display:block;font:10px/1.35 var(--sans);color:#c3dad7}.moon-rashi-callout strong{display:block;font:700 16px/1.4 var(--serif);color:#bfe3ef}.moon-rashi-callout strong.devanagari{font-family:"Noto Serif Devanagari",serif;font-size:15px;line-height:1.6}
#moon-rashi-leader{pointer-events:none}#moon-rashi-leader-line{fill:none;stroke:#badde3;stroke-width:1;vector-effect:non-scaling-stroke}#moon-rashi-leader-dot{fill:#c4e8ea;stroke:#142c23;stroke-width:1;vector-effect:non-scaling-stroke}
@media(max-width:780px){.moon-rashi-callout{padding:3px 6px 4px}.moon-rashi-callout strong{font-size:14px}.moon-rashi-callout strong.devanagari{font-size:14px}.moon-rashi-callout>span{font-size:10px}}
@media(max-width:350px){body[data-mode=real] .orbit-wrap{max-width:none}}

/* A direct first experiment, alongside every retained topic and studio. */
.one-moon-card{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:26px;align-items:center;text-decoration:none;background:#1e392a;color:#efeccf;border:1px solid #64815a;border-radius:16px;padding:15px 28px 15px 10px;margin:2px 0 24px}.one-moon-card .first-experiment-art{overflow:hidden}.one-moon-card svg{width:100%;max-height:210px}.one-moon-card svg text{display:none}.one-moon-card span{font-size:10px;letter-spacing:.07em;color:#c0d2ac}.one-moon-card h3{font-size:clamp(27px,3.5vw,38px);line-height:1.25;color:#f4e4b3;margin:10px 0}.one-moon-card p{font-size:13px;line-height:1.8;color:#d0ddbc}.one-moon-card strong{display:block;font-size:12px;color:#edd9a1;margin-top:15px}.one-moon-card:focus-visible{outline:3px solid #a5782d;outline-offset:5px}
body:not([data-topic=midday]):not([data-topic=cycles]):not([data-topic=grids]) #lesson-predict{display:none!important}
@media(max-width:600px){.one-moon-card{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:18px 16px 18px 0}.one-moon-card svg{width:180px;max-width:none;margin-left:-45px}.one-moon-card h3{font-size:27px}.one-moon-card span{font-size:9px}.one-moon-card p{font-size:12px}.one-moon-card strong{font-size:11px}}

/* One canonical, native-link lesson sequence in every panel and language. */
#topic-sequence{margin:24px 0 16px;padding-top:18px;border-top:1px solid #b9c7ac;line-height:1.6}
.topic-sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#topic-all{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;color:#2f5234;text-underline-offset:4px}
#topic-all:focus-visible{outline:3px solid #9d762b;outline-offset:3px}
#topic-progress{margin:0;font-size:12px;font-weight:600;color:#516947}
.topic-sequence-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.topic-sequence-links a{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:82px;padding:13px 15px;border:1px solid #a9ba98;border-radius:12px;background:#f9f8e9;color:#2f5234;text-decoration:none;overflow-wrap:anywhere;word-break:normal}
.topic-sequence-links a:last-child{background:#e8efd9}
.topic-sequence-links span{font-size:11px;line-height:1.6;color:#516947}
.topic-sequence-links strong{font-family:inherit;font-size:16px;line-height:1.5;font-weight:650;margin-top:3px}
.topic-sequence-links a:focus-visible{outline:3px solid #9d762b;outline-offset:3px}
#topic-sequence [lang]{line-height:inherit}
@media(max-width:600px){.topic-sequence-links{gap:8px}.topic-sequence-links a{padding:11px 10px}.topic-sequence-links strong{font-size:14px}}

/* Optional source enrichment stays in flow: no hover-only or clipping popover. */
.curriculum-source{margin:8px 0 12px;max-width:850px}.curriculum-source summary,.curriculum-exercise summary{cursor:pointer;min-height:44px;padding:10px 0;font:600 14px/1.6 var(--sans);color:#365437}.curriculum-source summary span{font-size:19px;margin-right:5px}.curriculum-source-content{padding:14px 18px;background:#f8f7ec;border:1px solid #a9b69b;border-radius:10px;font:14px/1.9 var(--sans);overflow-wrap:anywhere}.curriculum-source-content p{margin-top:0}.curriculum-source-content li{margin-bottom:10px}.curriculum-source-content a{color:#315632;text-underline-offset:3px}.curriculum-source-content button{min-height:44px;padding:8px 12px;background:#fffdf2;border:1px solid #7d9879;border-radius:7px;color:#2b4d30;font:inherit}.curriculum-source :focus-visible,.curriculum-exercise :focus-visible{outline:3px solid #ac7a30;outline-offset:3px}.curriculum-exercise{max-width:1160px;margin:18px auto;border-top:1px solid #afbea5;padding-top:4px}.curriculum-exercise li{font-size:15px;line-height:1.9;margin:10px 0}.curriculum-source[hidden],.curriculum-exercise[hidden]{display:none}

.curriculum-source-content blockquote{margin:16px 0;padding:12px;border-left:3px solid #8e9c65;white-space:pre-line;font-size:18px;line-height:2}.curriculum-source-content button{display:block;margin-top:16px}

/* The guiding question is part of every lesson, including compact phone layouts. */
body[data-app-view=lesson] #topic-description{display:block!important}

/* Illustrated celestial cards: bounded, static SVG on the existing evergreen field. */
.topic-art{background:radial-gradient(ellipse at 52% 42%,#29483b 0,#1d352b 64%,#172e26 100%)}
.celestial-card-art{display:block;isolation:isolate;pointer-events:none}
.topic-art svg text{fill:#cfdbc1;font-size:10px;letter-spacing:.02em}
@media(max-width:600px){
 .topic-art svg{width:100%;min-width:0;max-width:100%;height:auto;margin-left:0}
 .one-moon-card svg{width:100%;max-width:100%;margin-left:0}
 .one-moon-card{grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr)}
}