.wind-time-map{min-width:0;scroll-margin-top:95px}
.wind-time-map>.section-heading{padding:16px 20px;border-radius:18px;background:linear-gradient(135deg,#214f6e,#287b7c);color:#fff;margin-bottom:14px}
.wind-time-map>.section-heading .eyebrow{color:#a7eee4}
.wind-time-map>.section-heading h2{color:#fff;font-size:1.3rem}
.wind-time-map>.section-heading p{color:#d1e5ed;font-size:.8rem;margin:7px 0 0}
.wind-map-card{container-type:inline-size;min-width:0;overflow:hidden;border:1px solid #c1d7df;border-radius:20px;background:#f0f6f8;box-shadow:0 12px 32px #1234471a}
.wind-map-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#254e67;color:white}
.wind-map-card>header span{font-size:.65rem;color:#a7eee4;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.wind-map-card h3{color:#fff;margin:4px 0;font-size:1.08rem}
.wind-map-card button,.wind-map-card input,.wind-map-card select{min-width:0;height:42px;padding:8px 10px;border-radius:9px;border:1px solid #c2d6df;background:white;color:#244b60;font:inherit;font-size:.72rem;font-weight:750;box-sizing:border-box}
.wind-map-card button{cursor:pointer}
.wind-map-card button:disabled{opacity:.45;cursor:default}
.wind-map-card button:focus-visible,.wind-map-card select:focus-visible,.wind-map-card input:focus-visible{outline:2px solid #167ca7;outline-offset:2px}
.wind-map-card>header button{background:#177dab;color:white;border-color:#6ba1b9;flex-shrink:0}
.wind-map-controls{display:block;padding:14px 18px;background:#e4eff3}
.wind-map-controls .wind-map-selection-box{display:block;width:100%;max-width:none;min-width:0;margin:0;padding:12px 14px 14px;border:1px solid #bed4df;border-radius:12px;box-sizing:border-box}
.wind-map-controls legend{font-size:.75rem;font-weight:850;color:#244b60;padding:0 5px}
.wind-map-controls label,.wind-map-control-label{display:grid;gap:6px;min-width:0;font-size:.7rem;line-height:1.55;font-weight:800;color:#496a7c}
.wind-map-control-label{margin-bottom:6px}
.wind-map-controls input,.wind-map-controls select{width:100%}
.wind-map-controls-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:end}
.wind-map-period-groups{display:grid;gap:16px;min-width:0}
.wind-map-period-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-width:0}
.wind-map-period-group+.wind-map-period-group{border-top:1px solid #c8dce5;padding-top:12px}
.wind-map-group-title{grid-column:1/-1;font-size:.72rem;color:#244b60}
.wind-map-metric-column,.wind-map-date-column,.wind-map-presentation-column{display:grid;gap:12px;min-width:0;align-content:start}
.wind-map-date-column,.wind-map-presentation-column{padding-left:16px;border-left:1px solid #c8dce5}
.wind-map-step{display:flex;gap:8px;min-height:42px}
.wind-map-step,.wind-map-date-column .wind-map-load{margin-top:calc(.7rem * 1.55 + 6px)}
.wind-map-step button{flex:1}
.wind-map-controls .wind-map-load{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#f5c448;border-color:#f5c448;color:#173b50}
.wind-map-controls .wind-map-load:hover:not(:disabled){background:#f3b92e;border-color:#f3b92e}
.wind-map-segments{display:flex}
.wind-map-segments button{flex:1;border-radius:0}
.wind-map-segments button:first-child{border-radius:9px 0 0 9px}
.wind-map-segments button:last-child{border-radius:0 9px 9px 0;margin-left:-1px}
.wind-map-segments button[aria-pressed=true]{background:#177dab;border-color:#177dab;color:white;position:relative}
.wind-map-status{margin:0;padding:10px 18px 4px;font-size:.72rem;color:#486879;line-height:1.5}
.wind-map-presentation-note{margin:0;padding:0 18px 10px;font-size:.65rem;color:#557184;line-height:1.5}
.wind-map-plot{min-width:0;border-top:1px solid #b9d0dc;padding:8px 0 3px}
.wind-map-plot-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 18px 12px}
.wind-map-plot-heading h4{margin:0;color:#244b60;font-size:.92rem}
.wind-map-style-badge{padding:4px 9px;border-radius:20px;background:#d6edf6;color:#14678f;font-size:.6rem;font-weight:800}
.wind-map-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 18px 8px}
.wind-map-summary[hidden],.wind-map-tooltip[hidden]{display:none}
.wind-map-summary span{padding:6px 10px;border-radius:8px;border:1px solid #d0dfe5;background:white;font-size:.65rem;color:#486879}
.wind-map-stage{position:relative;margin:0 8px;min-width:0}
.wind-map-stage canvas{display:block;max-width:100%;width:100%;cursor:crosshair;touch-action:pan-y}
.wind-map-stage canvas:focus-visible{outline:2px solid #168ab5;outline-offset:-2px}
.wind-map-tooltip{position:absolute;pointer-events:none;display:grid;gap:6px;z-index:3;background:#173746f2;color:white;padding:10px 13px;border-radius:12px;font-size:.75rem;max-width:calc(100% - 15px);box-shadow:0 8px 24px #15354833}
.wind-map-tooltip span{color:#a7eee4}
.wind-map-source{font-size:.65rem;color:#557184;line-height:1.5;margin:8px 18px;overflow-wrap:anywhere}
.wind-map-scale{padding:10px 18px}
.wind-map-band{display:flex;overflow:hidden;height:14px;border-radius:8px}
.wind-map-band i{min-width:0;flex:1}
.wind-map-scale-labels{display:flex;justify-content:space-between;font-size:.6rem;font-weight:800;color:#486879;margin-top:6px}
.wind-map-card footer{font-size:.66rem;color:#557184;line-height:1.6;padding:3px 18px 15px}
.wind-map-card:fullscreen,.wind-map-card.is-fullscreen{width:100vw;height:100vh;overflow:auto;border:0;border-radius:0;margin:0;background:#f0f6f8}
.wind-map-card.is-fullscreen{position:fixed;inset:0;z-index:10040}
@container(max-width:700px){
 .wind-map-controls-grid{grid-template-columns:1fr;gap:14px}
 .wind-map-step,.wind-map-date-column .wind-map-load{margin-top:0}
 .wind-map-presentation-column{grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #c8dce5;padding:12px 0 0;align-items:end}
}
@container(max-width:430px){
 .wind-map-period-group,.wind-map-presentation-column{grid-template-columns:1fr}
 .wind-map-date-column{padding:0;border:0}
}
@media(max-width:650px){
 .wind-map-controls{padding:12px}
 .wind-map-controls .wind-map-selection-box{padding:10px}
 .wind-map-card>header{align-items:stretch;flex-direction:column;padding:12px}
 .wind-map-stage{margin:0 3px}
 .wind-map-plot-heading,.wind-map-summary{margin-inline:12px}
}