.home-mark .diagram{max-width:450px}
.home-intro{grid-template-columns:1fr 1.08fr;gap:30px}
.home-mark{min-width:0}
.home-mark .figure-note{max-width:390px}
.diagram .mesh-face{fill:var(--mesh-fill);fill-opacity:.75;stroke:var(--mesh-line);stroke-opacity:1;stroke-width:.65;stroke-linejoin:round}
.diagram .ground{stroke:var(--grid);stroke-width:.7;stroke-dasharray:2 4}
.diagram .selected-curve{stroke:var(--accent);stroke-width:3;fill:none}
.diagram .selected-point{fill:var(--accent);stroke:var(--paper);stroke-width:2}
.diagram .minimum{stroke:var(--ink);fill:var(--paper);stroke-width:1.5}
.diagram .height-stem{stroke:var(--accent);stroke-width:1.3;stroke-dasharray:4 4}
.diagram .surface-key{font-size:14px;fill:var(--quiet)}
.diagram .axis-title{font-size:15px;fill:var(--quiet)}
.diagram .annotation{font-size:16px;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:5px;stroke-linejoin:round}
.diagram .squared-curve{stroke:var(--ink);stroke-width:2.5}
.diagram .absolute-curve{stroke:var(--accent);stroke-width:2.3;stroke-dasharray:9 5}
.diagram .huber-curve{stroke:var(--penalty-muted);stroke-width:2.5;stroke-dasharray:2 5}
.diagram .prediction-line{stroke:var(--diagram-muted);stroke-width:1.3;stroke-dasharray:5 5}
.diagram .residual-line{stroke:var(--accent);stroke-width:3}
.diagram.compact .tick{font-size:14px}
.diagram.compact .axis-title{font-size:14px}
.diagram.compact .annotation{font-size:14px;stroke-width:4px}
.diagram.compact .surface-key{font-size:13px}
.small-caption{font:13px/1.6 var(--sans);color:var(--quiet)}
#surface-view{margin:0 auto;max-width:720px}
.loss-readout{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font:13px/1.5 var(--sans);padding:18px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.loss-readout output{font:42px/1.2 var(--serif);color:var(--accent);font-variant-numeric:tabular-nums}
.slice-heading{margin:30px 0 20px}
.slice-heading span{font:10px/1.5 var(--sans);letter-spacing:.13em;color:var(--quiet)}
.slice-heading p{font-size:22px;margin:4px 0}
.js .controls{grid-template-columns:1fr 1fr 1fr;gap:20px}
.controls .lab-buttons{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}
.lab-buttons button{margin:0}
.comparison-table:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.comparison-table table{font-size:13px;min-width:440px}
.comparison-table th{font-weight:normal}
.comparison-table thead th,.comparison-table tfoot th{font-weight:bold}
.comparison-table td{font-variant-numeric:tabular-nums}
.lab-boundary{margin-top:22px}
.article pre{padding:20px;overflow-x:auto;background:var(--wash);font:13px/1.65 ui-monospace,Consolas,monospace}
.article pre code{padding:0;font-size:13px;overflow-wrap:normal}
.article table:not(.comparison-table table){width:100%;border-collapse:collapse;font:14px/1.6 var(--sans)}
.article table:not(.comparison-table table) td,.article table:not(.comparison-table table) th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.math-display:focus-visible{outline:3px solid var(--ink)}
@media(max-width:850px){.home-intro{grid-template-columns:1fr 1fr}.home-mark .diagram{max-width:380px}}
@media(max-width:650px){.home-intro{display:flex}.home-mark .diagram{max-width:310px}.js .controls{grid-template-columns:1fr}.controls .lab-buttons{grid-column:auto;justify-content:stretch}.lab-buttons button{flex:1}.loss-readout{font-size:12px}.loss-readout output{font-size:36px}.comparison-table table{font-size:12px}.diagram .selected-curve{stroke-width:2.2}.diagram .mesh-face{stroke-width:.45}.lab{padding:18px 12px}.home-mark .figure-note{font-size:12px}.slice-heading p{font-size:20px}}
@media(forced-colors:active){.diagram .mesh-face{fill:Canvas;stroke:CanvasText}.diagram .selected-point{fill:Highlight;stroke:CanvasText}.diagram .minimum{fill:Canvas;stroke:CanvasText}.diagram .selected-curve,.diagram .height-stem{stroke:Highlight}.loss-readout output{color:CanvasText}}
@media print{.controls,.lab-buttons{display:none!important}.comparison-table table{min-width:0;font-size:9pt}.loss-readout output{font-size:22pt}.diagram.wide{display:block!important}.diagram.compact{display:none!important}.lab figure{break-inside:auto}.diagram{max-height:100mm}.loss-readout{break-inside:avoid}.static-comparison{break-inside:avoid}}
