.raster-stage .viewport{height:460px}.raster-stage canvas{width:100%;height:100%;display:block}.raster-article .control-row{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.raster-article select{max-width:100%;font:inherit}.raster-article label{display:flex;flex-direction:column;gap:8px;max-width:100%;min-width:0}.raster-article .result{margin:18px 0;padding:16px;border:1px solid var(--line);overflow-x:auto;line-height:1.8}.raster-article .result table{width:100%;border-collapse:collapse;font-size:.8em}.raster-article .result th,.raster-article .result td{padding:9px 8px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.raster-article .result p{margin:8px 0}.raster-article .mini-plot{width:100%;height:240px;display:block;border:1px solid var(--line)}.raster-article .equation{overflow-x:auto;white-space:nowrap}.raster-article .actions{display:flex;gap:10px;flex-wrap:wrap}.raster-stage #map-result{font-size:.82em;overflow-wrap:anywhere}.raster-stage .source{font-size:.7em}.raster-stage .stage-bottom{padding:22px}.raster-article .experiment{margin:28px 0;padding:24px;border:1px solid var(--line)}
@media(max-width:540px){.raster-stage .viewport{height:320px}.raster-stage .stage-bottom{padding:14px}.raster-article .experiment{padding:14px}.raster-article .result{padding:10px}.raster-article .result table{font-size:.7em}.raster-article .result td,.raster-article .result th{padding:8px 4px}.raster-article .control-row{gap:14px}.raster-stage .stage-bar{flex-wrap:wrap}.raster-stage #raster-legend{font-size:.8em}}@media print{[data-raster-panel]{display:block!important;break-before:page}.raster-stage .viewport{height:360px}.raster-article .mini-plot{height:220px}}