.weather-detail .weather-intro{padding-block:56px 32px}.weather-detail .weather-intro h1{letter-spacing:-.04em;margin-block:16px;font-size:clamp(32px,4vw,58px);line-height:1.12}.weather-detail .weather-intro p{color:var(--muted-foreground);font-size:18px;line-height:1.6}.weather-detail .weather-return{margin-top:20px;font-size:14px;display:inline-block}.weather-detail .weather-return-bottom{padding-block:24px 40px}.weather-detail .weather-history{padding-block:24px 32px}.weather-detail .weather-history>.eyebrow{display:none}.weather-detail .weather-history>h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:14px}.weather-detail .history-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-block:24px 40px;display:flex}.weather-detail .history-controls fieldset{border:0;flex-wrap:wrap;flex-basis:100%;gap:24px;padding:0;display:flex}.weather-detail .history-controls legend{color:var(--muted-foreground);margin-bottom:8px;font-size:14px}.weather-detail .history-controls fieldset label{color:var(--muted-foreground);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:10px 0;font-size:14px}.weather-detail .history-controls fieldset label[data-active=true]{border-bottom-color:var(--foreground);color:var(--foreground)}.weather-detail .history-controls fieldset label:focus-within{outline:none}.weather-detail .history-controls fieldset label:has(input:focus-visible){outline:2px solid var(--foreground);outline-offset:4px}.weather-detail .history-controls fieldset input:focus-visible{outline:none}.weather-detail .history-metrics{flex-wrap:wrap;gap:8px;width:100%;display:flex}.weather-detail .history-metrics button,.weather-detail .history-unit-options button{background:var(--background);min-height:44px;color:var(--foreground);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:14px}.weather-detail .history-metrics button[aria-pressed=true],.weather-detail .history-unit-options button[aria-pressed=true]{background:var(--surface-sea);color:var(--foreground);border-color:var(--accent)}.weather-detail button:focus-visible,.weather-detail input:focus-visible,.weather-detail summary:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.weather-detail .history-wind-settings{width:100%;color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.weather-detail .history-unit-options{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.weather-detail .history-unit-options>span{font-size:14px}.weather-detail .history-unit-options button{min-width:44px;min-height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:0;padding:10px 4px}.weather-detail .history-unit-options button[aria-pressed=true]{color:var(--foreground);text-underline-offset:7px;background:0 0;text-decoration:underline;text-decoration-thickness:1px}.weather-detail .history-unit-options button:hover{color:var(--foreground)}.weather-detail .history-wind-settings summary{font-size:14px}.weather-detail .history-caption{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.weather-detail .history-caption h3{letter-spacing:-.025em;font-size:28px}.weather-detail .history-caption p,.weather-detail .history-caption>span{color:var(--muted-foreground);font-size:14px;line-height:1.6}.weather-detail .history-chart{width:100%;height:380px}.weather-detail .history-summary{flex-wrap:wrap;gap:32px;display:flex}.weather-detail .history-help,.weather-detail .history-unit{color:var(--muted-foreground);font-size:14px;line-height:1.6}.weather-detail .history-demo{color:var(--muted-foreground);margin-top:28px;font-size:14px;line-height:1.6}.weather-detail .history-demo summary{cursor:pointer}.weather-detail .history-demo p{max-width:65ch;margin-top:12px}.weather-detail .history-archive-tooltip{background:var(--background);max-width:min(320px,75vw);color:var(--foreground);border:1px solid var(--border);white-space:normal;flex-direction:column;gap:8px;padding:12px;font-size:14px;line-height:1.5;display:flex}.weather-detail .history-wind-dot{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.weather-detail .history-chart{touch-action:none;-webkit-user-select:none;user-select:none}.weather-detail .history-metrics{max-width:100%}.weather-detail .weather-notes{border-top:1px solid var(--border);color:var(--muted-foreground);padding-block:24px;font-size:14px;line-height:1.6}.weather-detail .weather-notes summary{cursor:pointer;color:var(--foreground)}.weather-detail .weather-notes p{max-width:80ch;margin-top:16px}.weather-detail .site-footer>.prototype-note{display:none}.weather-detail .direction-timeline{padding-block:16px 24px}.weather-detail .direction-band{touch-action:pan-y;margin-top:24px;position:relative}.weather-detail .direction-runs{border-block:1px solid var(--border);height:64px;display:flex}.weather-detail .direction-run{border-left:1px solid var(--border);background:var(--muted);min-width:0;color:var(--foreground);justify-content:center;align-items:center;display:flex;overflow:hidden}.weather-detail .direction-run:first-child{border-left:0}.weather-detail .direction-run span{font-size:14px;font-weight:500}.weather-detail .direction-slider{opacity:0;cursor:crosshair;width:100%;height:100%;margin:0;position:absolute;inset:0}.weather-detail .direction-band:focus-within{outline:2px solid var(--foreground);outline-offset:4px}.weather-detail .direction-marker{background:var(--foreground);pointer-events:none;width:1px;position:absolute;top:-12px;bottom:-12px}.weather-detail .direction-times{color:var(--muted-foreground);justify-content:space-between;margin-top:20px;font-size:14px;display:flex}.weather-detail .direction-readout{min-height:72px;color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;font-size:14px;display:flex}.weather-detail .direction-readout strong{color:var(--foreground);font-size:22px}@media (max-width:640px){.weather-detail .weather-intro{padding-top:32px}.weather-detail .history-controls fieldset{gap:20px}.weather-detail .history-metrics button{flex:calc(50% - 8px)}.weather-detail .history-caption{flex-direction:column;align-items:flex-start;gap:8px}.weather-detail .history-chart{height:300px}.weather-detail .history-chart .recharts-line-curve{stroke-width:1px;stroke-opacity:.8}.weather-detail .history-chart .recharts-bar-rectangle path{fill-opacity:.55}.weather-detail .history-chart .recharts-cartesian-grid line{stroke-opacity:.15}.weather-detail .history-rose .recharts-sector{fill-opacity:.55}.weather-detail .history-summary{gap:24px}.weather-detail .direction-time-minor{display:none}.weather-detail .direction-runs{height:56px}.weather-detail .direction-run span{font-size:14px}.weather-detail .direction-band{margin-top:24px}.weather-detail .direction-run-short span{display:none}}