.day-night-lesson{max-width:1200px}.day-night-experiment{grid-template-columns:1.2fr 1fr;align-items:start;gap:28px;margin:28px 0;scroll-margin-top:24px;display:grid}.day-night-art{min-width:0;position:sticky;top:24px}.day-night-art svg{border-radius:24px;width:100%;display:block}.day-night-art>p{color:var(--muted);margin-top:10px;font-size:.8125rem}.day-night-controls{border:1px solid var(--panel-border);border-radius:var(--tp-radius);background:var(--surface);min-width:0;padding:24px}.day-night-controls .prediction-card{border:0;border-bottom:1px solid var(--panel-border);box-shadow:none;background:0 0;border-radius:0;margin:0 0 22px;padding:0 0 18px}.day-night-controls .prediction-card h2{font-size:1.25rem}.day-night-controls h2{margin-bottom:14px;font-size:1.5rem}.day-night-controls p{margin-top:14px}.day-night-controls fieldset{margin-top:20px}.day-night-controls label{font-weight:700;display:block}#day-night-hours{width:100%;min-height:44px;accent-color:var(--accent)}.day-night-presets,.day-night-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.day-night-readout{background:var(--tp-kid-sun);border-left:4px solid var(--tp-city-gold);border-radius:8px;padding:14px;font-weight:700}.day-night-lesson .utility-panel>p{margin-top:16px}.day-night-lesson .prediction-card{max-width:100%}@media (width<=850px){.day-night-experiment{grid-template-columns:1fr;gap:16px}.day-night-art{position:static}.day-night-controls{padding:18px}}@media (forced-colors:active){.day-night-controls,.day-night-readout{background:canvas;border:1px solid canvastext}}