.circular-lab .lab-grid { grid-template-columns:240px minmax(0,1fr) 300px; }
.circular-lab h2 { font-size:16px; }
.circular-lab .page-heading p,.circular-lab details p { font-size:16px; line-height:1.55; }
.circular-lab .microcopy,.circular-lab .secondary,.circular-lab .edit-note,.circular-lab .scene-options,.circular-lab .preset,.circular-lab .input-error { font-size:14px; color:#62677c; }
.circular-lab .control>label { max-width:none; padding:0 0 9px; }
.circular-lab .input-value { position:static; width:max-content; height:32px; }
.circular-lab .input-value input { width:88px; }
.circular-lab .input-value span { font-size:14px; }
.circular-lab .control { margin-top:20px; }
.circular-lab .controls-card { display:block; }
.circular-lab .scene-options { flex-wrap:wrap; gap:12px; }
.circular-lab input[type=checkbox] { width:16px; height:16px; accent-color:var(--purple); }
.diagram-scroll,.graph-scroll { overflow-x:auto; }
#circular-scene { display:block; width:100%; min-width:600px; background:linear-gradient(#fff,#f7f8fe); }
.circular-lab .transport { flex-wrap:wrap; }
.circular-lab .transport select { width:80px; }
.circular-lab .transport label,.circular-lab .step-button { font-size:14px; }
.circular-lab .primary-button { min-width:82px; font-size:14px; }
.circular-lab .release-button { border-color:#ba94bd; color:#793b78; }
.scene-note { padding:10px 20px; margin:0; font-size:14px; line-height:1.5; color:#62677c; }
.legend { display:flex; flex-wrap:wrap; gap:8px 16px; }
.velocity-text { color:#246aa1; }.tension-text { color:#6852db; }.acceleration-text { color:#ab551d; }.component-text { color:#237760; }
.circular-lab .metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 0; }
.circular-lab .metrics>div>span { font-size:12px; letter-spacing:0; }
.circular-lab .metrics strong { font-size:18px; overflow-wrap:anywhere; }
.circular-lab .graph-card svg { display:block; width:100%; min-width:480px; margin-top:8px; }
#tension-gauge { display:block; width:100%; height:24px; margin-top:12px; accent-color:var(--purple); }
.equation { padding-top:15px; margin-top:15px; border-top:1px solid var(--line); }
.equation-label { font-size:14px; font-weight:600; }
.circular-lab .formula { line-height:1.65; margin:8px 0; overflow-wrap:anywhere; }
.substitution { font-size:14px; line-height:1.65; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.circular-lab details { border-top:1px solid var(--line); padding-top:12px; margin-top:12px; }
.circular-lab summary { cursor:pointer; font-size:14px; line-height:1.5; font-weight:550; }
.circular-lab .challenge-card p,.circular-lab .challenge-card>button { font-size:14px; }
#challenge-feedback.success { color:#22684e; font-weight:650; }
#challenge-feedback.miss { color:#924424; }
.circular-lab .insights-column,.circular-lab .experiment-column,.circular-lab .lab-grid>* { min-width:0; }
@media(max-width:1250px) {
  .circular-lab .lab-grid { grid-template-columns:240px minmax(0,1fr); }
  .circular-lab .insights-column { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
}
@media(max-width:700px) {
  #circular-scene { min-width:0; }
  #circular-scene .scene-label { font-size:28px; }
  #circular-scene .vector-label { font-size:30px; }
  .circular-lab .lab-grid,.circular-lab .insights-column { display:flex; flex-direction:column; }
  .circular-lab .lab-nav a { font-size:14px; }
  .circular-lab .insights-column>section { width:100%; }
  .circular-lab .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .circular-lab .transport label { margin-left:auto; }
}