/* Screen palette. Printable packets remain their original ink-friendly files. */
@media screen{
html{color-scheme:dark}body{background:#090d17;color:#e0e5f2}
header{background:#101522;border-bottom:1px solid #394456}
.lab,.controls,.paper,#worksheet,#reflectionPanel,dialog{background:#141c2b;color:#e0e5f2;border-color:#465169}
.controls{border-top-color:#ae98cd}
#lessons,#stages,#activityNav,.lab-toolbar{background:#0f1625;border-color:#465169}
h1,h2,h3{color:#f1e5d1}.eyebrow,.earth,.aim,.small,.question-code,#saveStatus{color:#b5c1d5}
a{color:#b5dded}button,select,input[type=number],textarea{background:#0b1424;color:#edf1fa;border-color:#65748d;font-size:16px}
button:hover{background:#293049}button.primary,.primary{background:#d2bb91;color:#161927;border-color:#efd8b0}
#lessons button[aria-current=true],#stages [aria-current=true],#activityNav button[aria-current=true],#labTabs [aria-current=true]{background:#393047;color:#f4eaff;border-color:#bba5da}
.scene-wrap,svg{background:#10192a;border-color:#4b5670}svg text{fill:#e0e5f2}
svg [fill="#eef3ed"]{fill:#10192a}svg [stroke="#205950"]{stroke:#9bc6e1}svg [stroke="#394e36"]{stroke:#9aaa88}svg [stroke="#8a632f"],svg [stroke="#935721"]{stroke:#e8c286}svg [fill="#173541"],svg [fill="#163e3e"]{fill:#d0b9ff}
.equation,.formula>p,.formula .placeholder,.prediction,.choices label,.question .record-text{background:#0e1726;color:#d9e7f2;border-color:#7a7494}
.formula>p:last-child,.teacher-note{background:#29263a;color:#efdfbc}.record-text{color:#b7d9d0}
td,th,fieldset,details,.question,.lab-question,#metrics,.transport{border-color:#49556a}th{background:#202b3c;color:#e4eafa}
#motionRows tr.current,#dnKey:not(:empty){background:#293647;color:#dff4ed}
.number-pad{background:#142037!important}.number-pad button,.number-pad input{color:#edf1fa;background:#0b1424}
summary{min-height:44px}input,textarea,select{font-size:16px!important}dialog::backdrop{background:#040711d9}
.response-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0}.response-nav button{font-size:13px}
#questionsAll,#showFocus{font-size:13px;margin:5px 0}#questionCount{font-size:12px;text-align:center}
.presentation .response-nav,.presentation #questionsAll{display:none}
.guide-geometry{stroke:#d0b9ff;stroke-width:2;fill:none}.guide-geometry text{fill:#e5d5ff;stroke:none;font-size:13px;paint-order:stroke;stroke:#10192a;stroke-width:3px}
#metrics .guide-value{color:#e5d5ff;border-bottom:2px solid #bda1e7}
}

@media screen{body:has(#earthGuideDock){padding-bottom:100px}#earthGuideDock{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:#121a29f5;border:1px solid #716082;box-shadow:0 -4px 16px #0008}#earthDockTitle{display:block;font-size:12px;margin-bottom:5px;color:#e8ddfa}#earthGuideDock .step-nav{margin:0}#earthGuideDock button{min-height:44px}body:has(#earthGuideDock) input,body:has(#earthGuideDock) textarea{scroll-margin-bottom:115px}#earthGuideDock~dialog[open]{z-index:30}}