/* Presentation only. The experiment, fixtures, scores, and map data are unchanged. */
:root{background:#fffefa;color:#1e1c1b;--ink:#1e1c1b}
.training-figure{max-width:none;margin:0;padding:28px 30px 22px}
.mode-row{margin-bottom:18px}
.mode-label{font-size:10px;letter-spacing:.1em;color:#686d65}
.mode-label i{width:6px;height:6px}
.figure-controls{gap:40px;padding-bottom:15px}
.parameter-heading{gap:12px;min-height:34px}
.parameter-heading label{font-size:14px;line-height:1.3}
.parameter-heading output{font-size:28px;color:#425c49}
.range-ends{font-size:11px;color:#68745f;line-height:1.4;margin-top:2px}
input[type=range]{height:30px;background-size:100% 3px}
input[type=range]::-webkit-slider-thumb{width:17px;height:17px}
input[type=range]::-moz-range-thumb{width:11px;height:11px}
.math-label{color:#6b775f}
.compact-plots{grid-template-columns:minmax(0,1fr) 138px;gap:28px;margin-top:20px}
.chart-toolbar{margin-bottom:15px}
.series-legend{gap:8px 19px}
.series-button{font-size:12px;min-height:28px;gap:7px}
.line-swatch{width:14px}
.chart-axis,.chart-axis-title{font-size:11px;fill:#68745f}
.chart-end-label{font-size:11px;fill:#1e1c1b}
.method-line{stroke-width:2.5}
.map-section-label{margin-bottom:12px}
.map-section-label>span:first-child{font-size:11px;color:#68745f}
.maps{gap:13px}
.map-heading{margin-bottom:4px}
.map-heading strong,.map-heading output{font-size:11px;color:#59684e}
.map-axis{font-size:9px;fill:#68745f}
.map-footer{font-size:10px;margin-top:9px;color:#68745f}
.compact-map-axes{color:#68745f}
.map-footer .color-scale{margin-top:7px}
.color-ramp{width:62px}
.compact-caption{font-size:11px;margin-top:19px;padding-top:13px;color:#68745f}
.compact-setup{color:#4f6448}
.compact-setup summary{padding:8px 0}
.compact-setup p{max-width:850px;font-size:12px;color:#68745f;line-height:1.7;margin-top:12px}
.compact-setup[open]{margin-top:10px}
.chart-tooltip{font-size:12px}
.tooltip-title{font-size:11px}
#error-message{font-size:12px}
@media(max-width:850px){
 .training-figure{padding:22px}
 .compact-plots{grid-template-columns:minmax(0,1fr) 110px;gap:22px}
 .parameter-heading label{font-size:12px}.parameter-heading output{font-size:24px}
 .series-legend{gap:4px 13px}.series-button{font-size:11px}
 .maps{gap:10px}.map-heading strong,.map-heading output{font-size:10px}
}
@media(max-width:600px){
 .training-figure{padding:19px 14px 15px}
 .mode-row{margin-bottom:15px}
 .figure-controls{gap:20px;padding-bottom:12px}
 .parameter-heading{align-items:flex-start;flex-direction:column;gap:4px;min-height:69px}
 .parameter-heading label{font-size:12px;max-width:100%;min-height:32px}
 .parameter-heading output{font-size:24px}
 .range-ends{font-size:10px}
 .compact-plots{grid-template-columns:1fr;gap:18px;margin-top:14px}
 .series-legend{display:flex;gap:2px 15px}.series-button{font-size:10px;min-height:30px}
 .chart-toolbar{margin-bottom:7px}
 .chart-axis,.chart-axis-title,.chart-end-label{font-size:10px}
 .landscape{padding-top:12px}
 .map-section-label{margin-bottom:10px}
 .map-section-label>span:last-child{font-size:10px;color:#68745f}
 .maps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:420px}
 .map-heading strong,.map-heading output{font-size:10px}
 .map-footer{display:flex;font-size:10px;margin-top:8px;gap:16px}
 .map-footer .color-scale{margin:0}
 .compact-caption{font-size:10px;line-height:1.7;margin-top:14px;padding-top:12px}
 .compact-setup p{font-size:11px}
}
@media(max-width:350px){.series-legend{gap:2px 11px}.series-button{font-size:9px}.figure-controls{gap:16px}.parameter-heading label{font-size:11px}.map-heading strong,.map-heading output{font-size:9px}}