.history-page{max-width:1320px;margin-top:26px}.history-back{display:inline-block;color:#345a71;text-decoration:none;font-size:.9rem;margin-bottom:26px}.history-back:hover{text-decoration:underline}.history-eyebrow{font-size:.7rem!important;letter-spacing:.16em;font-weight:750;color:#a7571d!important;margin-bottom:10px!important}.history-page .wind-intro h1{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:7px}.history-panel{margin-top:28px}.history-panel .wind-chart-head{padding-top:24px}.history-panel h2{font-size:1.25rem}.history-panel #history-period{font-size:.82rem;color:#607581;margin:6px 0 0}.history-page .wind-stations{padding-top:20px;padding-bottom:16px}.history-page .wind-stations button[aria-pressed=true]{border-color:var(--station-color);box-shadow:inset 0 0 0 1px var(--station-color);background:#fff}.history-page .wind-stations button[aria-pressed=false]{opacity:1;color:#617582;background:#f5f7f9}.history-page .wind-stations button[aria-pressed=false] .station-dot{opacity:.4}.history-key{display:flex;gap:18px;flex-wrap:wrap;padding:0 24px;color:#697c89;font-size:.75rem}.history-key span{display:inline-flex;gap:7px;align-items:center}.history-key i{display:inline-block;width:15px;height:10px}.key-bar{background:#d66b12;border-radius:2px}.key-day{border-left:2px solid #92a7b8;width:1px!important}.key-hours{border-left:1px dashed #a9bac6;width:1px!important}.history-status{font-size:.77rem;color:#748591;margin:14px 24px 5px;min-height:1.2em}.history-status.wind-error{color:#9b4900}.history-plot{display:grid;grid-template-columns:84px minmax(0,1fr);padding:0 20px 0 8px;margin-top:12px}#wind-axis{width:84px;height:410px;display:block}#wind-chart{height:410px;display:block;max-width:none;touch-action:pan-x pan-y}.history-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#c3d0d9 #f1f5f7;scrollbar-width:thin;padding-bottom:10px}#wind-chart text,#wind-axis text{font:11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#6b7f8e}#wind-axis .axis-title{font-size:10px;font-weight:700;fill:#506d81}#wind-axis .bft-label{fill:#426478;font-weight:650}#wind-chart .day-label{font-size:12px;fill:#375a71;font-weight:650}#wind-chart .mean-label{font-size:11px;font-weight:700;fill:#526c7d}#wind-chart .day-grid{stroke:#92a7b8;stroke-width:2}#wind-chart .three-hour-grid{stroke:#becbd5;stroke-width:1;stroke-dasharray:3 4}#wind-chart .beaufort-grid{stroke:#dce5eb;stroke-width:1}#wind-chart .hour-highlight{fill:#1f5267;fill-opacity:.07;stroke:#769aaa;stroke-opacity:.4;stroke-width:1;pointer-events:none}#wind-chart:focus-visible{outline:2px solid #d66b12;outline-offset:-2px}.history-message{padding:70px 20px;text-align:center;color:#617583}.history-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#607581;font-size:.82rem;line-height:1.7;margin:0 6px}.history-notes p{margin:0}.history-notes strong{color:#385365}.history-tooltip{position:fixed;z-index:50;width:330px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow-y:auto;padding:20px;background:#fff;color:#263f50;border:1px solid #d5e1e9;border-radius:14px;box-shadow:0 12px 45px #142f4933;font-size:.85rem}.history-tooltip h3{margin:0 35px 3px 0;font-size:1rem;color:#173e57}.tooltip-time{font-size:.76rem;color:#738695;margin:0 0 16px}.history-tooltip #tooltip-close{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:#eef3f6;color:#456477;font:24px/1 sans-serif;cursor:pointer}.tooltip-station{border-top:1px solid #e6edf1;padding-top:12px;margin-top:12px}.tooltip-station h4{font-size:.85rem;margin:0 0 12px}.tooltip-mean{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:13px}.tooltip-mean>span{font-size:.74rem;color:#657f90;margin-right:auto}.tooltip-mean strong{font-size:1.3rem;color:var(--station-color)}.tooltip-mean small{color:#5c7687}.tooltip-extremes{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f4f7f9;padding:11px;border-radius:8px}.tooltip-extremes span,.tooltip-extremes strong,.tooltip-extremes small{display:block}.tooltip-extremes span{font-size:.7rem;color:#688191;margin-bottom:4px}.tooltip-extremes strong{font-size:.95rem}.tooltip-extremes small{font-size:.68rem;margin-top:4px;line-height:1.5;color:#6f8492}.tooltip-quality,.tooltip-missing{font-size:.7rem;line-height:1.6;color:#6f8492;margin:10px 0 0}.history-tooltip button:focus-visible,.history-back:focus-visible{outline:3px solid #d66b12;outline-offset:3px}
@media(max-width:600px){.history-page{margin-top:20px}.history-back{margin-bottom:23px}.history-panel{margin-top:22px}.history-key{padding:0 14px;gap:10px;font-size:.68rem}.history-status{margin-left:14px;margin-right:14px;font-size:.7rem}.history-plot{padding-left:0;padding-right:10px;grid-template-columns:74px minmax(0,1fr)}#wind-axis{width:74px}.history-notes{grid-template-columns:1fr;gap:15px;font-size:.77rem}.history-tooltip{left:10px!important;right:10px;bottom:max(10px,env(safe-area-inset-bottom));top:auto!important;width:auto;max-width:none;max-height:62dvh;padding:18px;box-shadow:0 -4px 40px #142f4933}.history-panel .wind-chart-head{gap:14px}.history-page .wind-stations{padding-top:14px}.history-page .wind-stations button{font-size:.78rem}.history-tooltip #tooltip-close{width:40px;height:40px}}

#wind-chart:focus:not(:focus-visible){outline:none}
#wind-chart .wind-missing{fill:#c52b2b}.history-key .key-missing{height:4px;background:#c52b2b;border-radius:1px}.history-tooltip .tooltip-missing{color:#b42318;font-size:.82rem;font-weight:650}

.history-mode{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 24px 18px;font-size:.88rem;color:#31546c}.history-mode>strong{font-weight:650}.compare-switch{display:inline-flex;gap:9px;align-items:center;cursor:pointer;font-size:.82rem}.compare-switch input{accent-color:#193f59;width:18px;height:18px;margin:0;cursor:pointer}.compare-switch input:focus-visible{outline:3px solid #d66b12;outline-offset:3px}.history-page .wind-stations{padding-top:0}.history-page .wind-stations button:disabled{opacity:1;cursor:default}.key-bar{background:linear-gradient(to bottom,#77cc3d,#67c46f,#54bba0,#3db4d0,#04a3ff)}.is-comparing .key-bar{background:#d66b12}.direction-arrow{fill:none;stroke:#345a71;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.direction-label{font-size:9px!important;fill:#426478!important;font-weight:600!important}.direction-missing{fill:#9cadb8!important}.tooltip-direction{font-size:.76rem;color:#4e7187;margin:0 0 12px}.history-notes{row-gap:16px}
@media(max-width:600px){.history-mode{padding:16px 14px;font-size:.84rem;gap:14px}.compare-switch{font-size:.78rem}.history-page .wind-stations{padding-top:0}.direction-arrow{stroke-width:1.7}}

#wind-chart .wind-extreme{stroke:#2469c5;stroke-width:2;stroke-linecap:butt;pointer-events:none}.history-key .key-extreme{height:0;border-top:2px solid #2469c5}.history-notes{display:block}
@media(max-width:600px){.history-page{margin-top:14px}.history-back{margin-bottom:14px}.history-page .wind-intro{margin-bottom:14px}.history-page .history-eyebrow{margin-bottom:7px!important}.history-panel{margin-top:16px}.history-panel .wind-chart-head{padding-top:16px;gap:10px}.history-mode{padding:12px 14px;gap:10px}.history-key{gap:8px 12px}.history-status{margin-top:10px;margin-bottom:3px}.history-plot{margin-top:8px}.history-page .wind-chart-footer{padding-top:6px;padding-bottom:12px;font-size:.73rem}.history-notes{font-size:.73rem;line-height:1.6}.history-page .wind-source{margin-top:14px;font-size:.72rem}#wind-chart .day-label{font-size:11px}#wind-chart .time-label{font-size:10px}}

.history-switches{display:flex;gap:20px;align-items:center;flex-wrap:wrap}#wind-chart .wind-extreme{visibility:hidden}#wind-chart.show-extremes .wind-extreme,#wind-chart .wind-extreme.is-active{visibility:visible}
@media(max-width:600px){.history-switches{gap:14px}.history-switches .compare-switch{font-size:.76rem}}
