#oscillationBar{position:absolute;bottom:48px;left:45px;right:8px;z-index:7;background:#0d202cf2;border:1px solid #53817e;border-radius:12px;padding:6px;font-size:12px;max-height:45%;overflow:auto}#oscillationBar[hidden]{display:none}#oscillationBar .osc-main{display:flex;gap:4px;flex-wrap:wrap}#oscillationBar button,#oscillationBar select{font-size:12px;padding:7px;min-height:36px}#oscillationBar details>label,#oscComparison label{display:flex;align-items:center;gap:8px;margin:6px}#oscillationBar summary{padding:8px;cursor:pointer}.climate-class-table{width:100%;border-collapse:collapse;font-size:13px}.climate-class-table caption{text-align:left;font-weight:700;padding:12px 0}.climate-class-table td{padding:9px 6px;border-bottom:1px solid #36505e;vertical-align:top}.climate-class-table tr:focus,.climate-class-table tr:hover{background:#234c53}.climate-class-table .term-link{display:block;min-height:32px}#climateLegend p{font-size:11px;margin:5px 0}body:has(#oscillationBar:not([hidden])) #climateLegend{max-width:230px;max-height:32%;overflow:auto}#climateLegend button{min-height:38px;text-align:left}body:has(#oscillationBar:not([hidden])) #climateModeBar{pointer-events:none;max-width:calc(100% - 16px)}@media(orientation:landscape){#oscillationBar{left:45px;right:8px;bottom:34px;max-height:42%;width:fit-content;max-width:calc(100% - 60px)}body:has(#oscillationBar:not([hidden])) #climateLegend{max-height:40%;max-width:210px}}

/* DEV hydrology / climate comparison: explicit per-place legend. */
.climate-chart-legend{display:grid;gap:9px;margin:6px 0 14px;font:12px/1.5 system-ui;color:#deedf5}.climate-chart-legend-row{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px;border:1px solid #496777;border-radius:8px;background:#102635}.climate-chart-legend-row strong{flex-basis:100%;overflow-wrap:anywhere;color:#eff8ff}.climate-chart-legend-item{display:inline-flex;align-items:center;gap:7px}.climate-chart-key{display:inline-block;flex:none;width:28px;box-sizing:border-box}.climate-chart-key.temperature{height:0;border-top:3px solid var(--series-color)}.climate-chart-key.temperature.pinned{border-top-style:dashed}.climate-chart-key.precipitation{height:14px;background:var(--series-color);border:1px solid #d8edf255}.climate-chart-key.precipitation.pinned{border-color:#e4d7ff}