.geometry-workspace{grid-template-columns:225px minmax(440px,1fr) 280px}.system-heading{font-size:11px;color:var(--muted);margin:30px 10px 10px}.system-nav .model-button{padding:12px 11px}.learning-route{margin:32px 10px 0}.learning-route h3{font-size:12px}.learning-route>p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.learning-route ol{padding-left:17px;margin:13px 0;font-size:11px;line-height:2.6;color:var(--muted)}.side-note{border-top:1px solid var(--line);margin:25px 10px 0;padding-top:19px}.side-note strong{font-size:12px;font-weight:600}.side-note p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px}.legacy-link{font-size:11px;margin:28px 10px 0;line-height:1.8}.geometry-library .library-foot{padding:18px 10px 0}.step-tabs{display:flex;border:1px solid var(--line);border-radius:7px;margin-bottom:14px;padding:4px;background:var(--bg);gap:4px}.step-tabs button{flex:1;border:0;background:transparent;border-radius:4px;padding:9px 5px;font-size:12px;color:var(--muted);white-space:nowrap}.step-tabs button span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;font-size:10px;margin-right:5px}.step-tabs button[aria-selected=true]{background:var(--primary-soft);color:var(--primary);font-weight:650}.step-tabs button[aria-selected=true] span{border-color:var(--primary);background:var(--primary);color:var(--bg)}.geometry-stage{height:clamp(410px,50vh,640px)}#geometry-host{width:100%;height:100%;touch-action:none}#geometry-host canvas{display:block;width:100%;height:100%}.geometry-display{min-height:48px}.surface-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.surface-controls>span{width:100%;font-size:10px}.surface-controls label{display:flex;align-items:center;gap:4px;cursor:pointer}.surface-controls label:nth-of-type(1){color:var(--primary)}.surface-controls label:nth-of-type(2){color:oklch(.48 .1 65)}.surface-controls label:nth-of-type(3){color:var(--blue)}.geometry-explanation{padding:24px 0}.geometry-explanation .explanation-title{margin-bottom:12px}.geometry-explanation h3{font-size:13px}.geometry-explanation>p:first-of-type{font-size:13px;line-height:1.9;max-width:70ch}.geometry-explanation .formula{margin:12px 0 10px;font-size:12px}.coordinate-comparison{border-top:1px solid var(--line);padding:21px 0 0;display:flex;gap:28px;justify-content:space-between}.coordinate-comparison h3{font-size:12px}.coordinate-comparison p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}.comparison-rows{flex:1;max-width:350px;min-width:0}.comparison-rows>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:5px 0;font-size:10px}.comparison-rows>div>span{color:var(--muted);white-space:nowrap}.comparison-rows strong{font:11px ui-monospace,"SFMono-Regular",Consolas,monospace;color:var(--ink);font-weight:500;white-space:nowrap}.point-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.point-presets button{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:6px 7px;font-size:10px}.point-presets button:hover{background:var(--primary-soft)}.geometry-parameter .parameter-value{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--primary)}.geometry-parameter .parameter-value input{width:65px;text-align:right;color:var(--primary);padding:4px;border:1px solid var(--line);border-radius:4px;background:var(--bg);font:11px ui-monospace,monospace}.geometry-parameter input[type=range]{display:block;margin:4px 0 0}.geometry-parameter .parameter-meaning{font-size:10px;color:var(--muted);line-height:1.7;margin-top:7px}.geometry-parameter input:disabled{opacity:.4;cursor:not-allowed}.delta-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.element-readout{margin-top:17px;padding:12px;background:var(--surface);border-radius:6px}.element-readout>div{display:flex;justify-content:space-between;gap:6px;padding:4px 0;font:10px ui-monospace,monospace}.element-readout>div>span{color:var(--muted)}.element-readout p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:8px}.self-check{border-top:1px solid var(--line);padding-top:17px;margin-top:4px;font-size:11px;line-height:1.9}.self-check summary{cursor:pointer;font-weight:600;color:var(--primary)}.self-check p{color:var(--muted);margin-top:10px}.geometry-inspector .copy-link{margin-top:22px}.coordinate-warning{margin-top:12px;font-size:11px;line-height:1.9;background:oklch(.97 .025 75);color:oklch(.4 .09 65);padding:11px 13px;border-radius:5px}.legend .g0{background:var(--primary)}.legend .g1{background:oklch(.65 .15 65)}.legend .g2{background:var(--blue)}
@media(max-width:1150px){.geometry-workspace{grid-template-columns:195px minmax(0,1fr) 245px}.coordinate-comparison{display:block}.comparison-rows{margin-top:10px;max-width:none}.geometry-stage{min-height:400px}.step-tabs button{font-size:11px}.step-tabs button span{margin-right:3px;width:16px;height:16px}.geometry-parameter .parameter-value input{width:57px}}
@media(max-width:980px){.geometry-workspace{grid-template-columns:195px minmax(0,1fr)}.geometry-inspector{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:24px}.geometry-inspector .parameter-section{grid-row:span 2}.delta-section{margin:0;padding:0;border:0}.geometry-inspector .experiment-idea{grid-column:2}.geometry-inspector .self-check{grid-column:2}.geometry-inspector .copy-link{grid-column:1 / -1;justify-self:start;margin:0}.geometry-stage{height:450px}}
@media(max-width:700px){.geometry-workspace{display:block}.geometry-library{padding:14px 16px}.geometry-library .system-heading{display:none}.system-nav{display:flex;gap:7px}.system-nav .model-button{flex:1;font-size:11px;padding:8px 5px;justify-content:center;border:1px solid var(--line)}.system-nav .model-button.active::after{display:none}.system-nav .model-icon{width:16px;font-size:15px}.learning-route,.side-note,.geometry-library .library-foot{display:none}.legacy-link{display:block;text-align:right;margin:10px 0 0;font-size:10px}.geometry-experiment{padding-top:20px}.step-tabs{gap:1px;padding:3px}.step-tabs button{padding:8px 2px;font-size:10px}.step-tabs button span{width:14px;height:14px;font-size:9px;margin-right:2px}.geometry-stage{height:400px;min-height:360px}.geometry-stage .drag-hint{font-size:8px}.geometry-stage .view-switch button{padding:5px 6px}.geometry-display{font-size:10px}.surface-controls{gap:8px 10px;font-size:10px}.geometry-explanation{padding:20px 0}.geometry-explanation>p:first-of-type{font-size:12px}.geometry-explanation .formula{font-size:11px}.coordinate-comparison{padding-top:17px}.comparison-rows>div{gap:7px;font-size:10px}.comparison-rows strong{font-size:10px}.geometry-inspector{display:block;padding:24px 17px}.delta-section{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.geometry-inspector .experiment-idea{margin-top:22px;padding-top:20px}.geometry-parameter .parameter-value input{width:82px}.geometry-inspector .copy-link{display:block;margin-top:20px}.geometry-experiment .experiment-heading .secondary{font-size:10px;padding:6px 8px}.geometry-experiment h2{font-size:21px}}

.calculus-entry{font-weight:650;font-size:12px;padding:12px 0;border-top:1px solid var(--line);margin-bottom:-14px}.calculus-entry:hover{color:var(--ink)}@media(max-width:700px){.calculus-entry{font-size:11px;border-top:0;margin:12px 0 0;padding:0;text-align:left}}