.st-green-dock{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:10px 15px 9px;background:#eeeee2;border-top:1px solid #c8d4c0;color:#244b38}
.st-green-dock label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:650;line-height:1.3;margin:0 0 3px}
.st-green-dock label strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.strategy-page .st-green-dock select{width:100%;min-height:36px;font-size:12px;padding:5px 24px 5px 8px;background:#fffdf6}
.st-green-dock input[type=range]{width:100%;display:block;min-height:36px;margin:0;accent-color:#947442}
.strategy-page .st-green-dock p{grid-column:1/-1;font-size:11px;line-height:1.3;margin:0;color:#596b55}
.strategy-page .st-green-map-stage>.st-map{max-height:clamp(190px,calc(100svh - 405px),560px)}
.st-slope-handle{touch-action:none;cursor:grab;outline:none}
.st-slope-handle>circle{fill:#173e32;fill-opacity:.95;stroke:#f2da9e;stroke-width:2}
.st-slope-handle path{fill:none;stroke:#f4dd9c;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.st-slope-handle text{fill:#fff8e4;font-size:12px;font-weight:750;letter-spacing:1px;paint-order:stroke;stroke:#173e32;stroke-width:3;stroke-linejoin:round}
.st-slope-handle:focus-visible>circle,.st-slope-handle:hover>circle{stroke:#fff;stroke-width:4}
.st-slope-handle:active{cursor:grabbing}
.st-slope-controls details>label{display:block;margin:16px 0 6px;font-size:13px;font-weight:650}
.st-slope-controls details>select,.st-slope-controls details>input{width:100%;min-height:44px}
.st-slope-controls details>.btn{margin-top:10px}
@media(max-width:760px){.st-green-dock{padding:10px 12px;gap:6px 12px}.strategy-page .st-green-dock select,.st-green-dock input[type=range]{min-height:44px}.st-green-dock label{font-size:11px}.strategy-page .st-green-dock p{font-size:10px}.strategy-page .st-green-map-stage>.st-map{max-height:clamp(190px,calc(100svh - 445px),480px)}}