/* Restrained visual system shared by the learning workspace. */
:root{--ink:#233e38;--muted:#7b8981;--green:#226b5b;--bg:#f5f7f3;--line:#dde5dc;--shadow:0 3px 15px #233c3905}body{background:var(--bg);color:var(--ink)}button,a,input,select{transition:background-color .13s,border-color .13s,color .13s,box-shadow .13s}button:disabled{cursor:default}.workspace>header,body.lecture-study>header,.library-shell>header{background:#fafbf8;border-bottom:1px solid var(--line);box-shadow:none}.primary,.play,.start-study{background:var(--green);box-shadow:none;border-radius:8px}.secondary,.textbtn,.explore-tabs button,.question-tabs button{box-shadow:none}.lab-main,.controls,.question-detail,.game-controls,.game-canvas,.lecture-card,.lecture-group,#questionPanel,#modelPanel,#historyDetail{box-shadow:none;border-color:var(--line);border-radius:12px}.lab-shell .lab-main,.lab-shell .controls{border-radius:10px}.question-banner{background:transparent;border:0;border-radius:0;padding:10px 0}.question-banner h2{font-size:20px}.intro-note,.eyebrow,.side-label{letter-spacing:1px}.lecture-card:hover{box-shadow:0 4px 18px #233c3908}.book-cover{background:#28695a;box-shadow:inset 5px 0 #ffffff12}.library-intro h1{font-weight:650;letter-spacing:.2px}.history-question{background:#f1f5ed}.history-analogy{background:#f6f5ef}.history-reading-tabs button[aria-selected=true],.explore-tabs button.selected{background:var(--green);color:white;border-color:var(--green)}.site-rail .rail-item.active:after{background:#d5e9cd}.site-rail .rail-brand .rail-mark{box-shadow:none!important}.practice-filter-row{background:#eff3eb;border-color:var(--line)}
/* Exploration uses the same one-screen workspace as experiments. */
body:has(#explore:not(.hidden)){height:100dvh;overflow:hidden}body:has(#explore:not(.hidden)) .workspace{height:100%;display:flex;flex-direction:column}body:has(#explore:not(.hidden)) .workspace>header{height:46px;min-height:46px;padding:0 24px}body:has(#explore:not(.hidden)) main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:18px 24px 20px}body:has(#explore:not(.hidden)) main>.intro,body:has(#explore:not(.hidden)) footer{display:none}#explore:not(.hidden){display:flex;flex-direction:column;flex:1;min-height:0}.explore-tabs{margin:0 0 16px;gap:6px;flex:none}.explore-tabs button{font-size:12px;padding:8px 16px;border-radius:8px;border:1px solid var(--line);background:#fbfcf9}#game:not(.hidden){flex:1;min-height:0;display:flex;flex-direction:column}.game-head{margin:0 0 14px;flex:none}.game-head .eyebrow{font-size:9px;color:#7e9183}.game-head h2{font-size:23px;margin:6px 0}.game-head p{font-size:12px;margin:5px 0;color:#718176}.game-head .score strong{font-size:32px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;flex:1;min-height:0}.game-canvas{height:auto;min-height:0;position:relative;overflow:hidden}.game-canvas canvas{position:absolute;inset:0;width:100%;height:100%}.game-controls{padding:20px;min-height:0;overflow:auto}.game-controls h3{font-size:15px;margin:0 0 18px}.game-controls label{margin:20px 0}.game-controls p{font-size:12px}.game-controls button{min-height:42px;border-radius:8px}.game-controls .physics-math{padding:0}.game-controls .math-wide{overflow:visible}#myths:not(.hidden){overflow:auto;min-height:0}.myth-cards{gap:14px}.myth-cards article{box-shadow:none;border-color:var(--line)}
@media(max-width:760px){body:has(#explore:not(.hidden)) main{padding:10px 10px 12px}.game-head h2{font-size:19px}.game-head p{font-size:10px}.game-layout{grid-template-columns:minmax(0,1fr) 180px;gap:8px}.game-controls{padding:12px;display:block}.game-controls label{margin:12px 0}.game-controls button{font-size:11px}.game-head{margin-bottom:8px}.explore-tabs{margin-bottom:10px}.game-controls h3{font-size:13px;margin-bottom:10px}}
@media(max-width:520px){.game-layout{grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) auto}.game-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;max-height:235px;padding:10px}.game-controls h3{display:none}.game-controls label{margin:0}.game-controls p{margin:0;font-size:10px}.game-controls button{margin:0;min-height:34px}.game-feedback{font-size:10px}.game-head .eyebrow{display:none}.game-head h2{font-size:17px}.game-head p{margin-bottom:0}.explore-tabs button{padding:6px 10px;font-size:11px}}
body:has(#explore:not(.hidden)) main{width:100%;max-width:none;margin:0;align-self:stretch}#explore:not(.hidden){width:100%}