.topic-nav{display:flex;gap:1rem;align-items:center}.topic-nav a{color:var(--muted);text-decoration:none}.topic-nav a:hover{color:var(--accent)}.topic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:25px 0 40px}.topic-experiment{display:block;border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--panel);color:var(--text);text-decoration:none}.topic-experiment:hover{border-color:var(--accent)}.topic-experiment h3{font-size:1.35rem;line-height:1.4;margin:0 0 12px}.topic-experiment p{color:var(--muted);line-height:1.7}.topic-experiment .text-link{color:var(--accent)}.newton-laws .lab-theory{margin:20px 0}.osc-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.osc-left,.osc-right{min-width:0}.osc-plot,.solution-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.osc-plot h2,.solution-panel h2{font-size:1.2rem}.osc-plot svg{display:block;width:100%;height:auto;min-width:480px}.osc-plot .plot-scroll{overflow-x:auto}.solution-panel{margin-top:16px}.solution-panel .math-display{overflow-x:auto;justify-content:flex-start;margin:15px 0}.solution-panel .math-equation{min-width:290px;max-width:100%;height:auto}.osc-left .lab-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.regime-value{font-family:inherit!important;font-size:1rem!important;line-height:1.4}.osc-controls{margin:24px 0!important}.damping-presets{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.damping-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.energy-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0}.osc-workspace[data-expanded=true]{grid-template-columns:minmax(300px,.8fr) minmax(0,1.5fr)}.osc-plot[data-expanded=true] svg{min-width:950px}.osc-plot[data-expanded=true] .plot-scroll{max-height:70vh}.lab-intro>.eyebrow{font-size:clamp(1.1rem,2vw,1.7rem);line-height:1.4;letter-spacing:.07em}.drop-panel .nav-child{padding-left:24px;font-size:.92rem}.drop-panel .nav-topic{font-weight:700;color:var(--accent)}.drop-panel{max-height:75vh;overflow-y:auto}.lab-stage input[type=range]{width:100%}
@media(max-width:1000px){.osc-workspace,.osc-workspace[data-expanded=true]{grid-template-columns:minmax(0,1fr)}.osc-plot svg{min-width:430px}.osc-right{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px}.solution-panel{margin-top:0}.energy-readings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.osc-right{display:block}.solution-panel{margin-top:14px}.osc-left .lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-nav{font-size:.9rem}.osc-plot,.solution-panel{padding:14px}.osc-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.osc-controls h2{grid-column:1/-1}.lab-paneltop{flex-wrap:wrap}}

.osc-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px}.osc-controls>h2{grid-column:1/-1}@media(max-width:650px){.osc-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

.osc-plot[data-expanded=true] .plot-scroll>svg{width:160%;min-width:950px}