.viz-chart{min-width:0;margin:1rem 0}.viz-caption{font-weight:700}.viz-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.viz-legend span{border-bottom:3px solid var(--series);padding:.25rem}.viz-frame{display:grid;grid-template-columns:minmax(3.5rem,auto) minmax(0,1fr);gap:.5rem}.viz-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem;max-width:6rem;text-align:end;overflow-wrap:anywhere}.viz-plot{height:15rem;touch-action:pan-y;min-width:0;overflow:hidden}.viz-plot svg{display:block;width:100%;height:100%}.viz-x{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;margin:.5rem 0}.viz-x span{max-width:48%;overflow-wrap:anywhere}.viz-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.viz-controls label{flex:1 1 8rem;display:grid;gap:.25rem}.viz-controls button,.viz-controls input{min-height:44px;max-width:100%;font:inherit}.viz-controls button{white-space:normal}.viz-selected{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem;border:1px solid #cbd8e2;border-radius:.6rem;margin:.6rem 0}.viz-selected>strong{flex-basis:100%}.viz-table{overflow:auto;max-height:none}.viz-table table{border-collapse:collapse;width:100%}.viz-table th,.viz-table td{padding:.6rem;border-bottom:1px solid #ced9e2;text-align:start;min-width:5rem}.viz-table thead th{position:sticky;top:0;background:var(--surface,#fff)}.viz-table th:first-child{position:sticky;left:0;background:var(--surface,#fff);z-index:1}.viz-chart summary{min-height:44px;cursor:pointer}.viz-controls :focus-visible,.viz-chart summary:focus-visible{outline:3px solid #a66b00;outline-offset:3px}
@media(max-width:46rem){.hour-strip,.forecast-hour-strip,.air-hour-strip,.cams-hour-strip,.ensemble-hour-strip,.model-hour-strip{flex-direction:column;max-height:30rem;overflow:auto}.forecast-hour,.hour-tile,.air-hour,.cams-hour,.ensemble-hour-strip article,.model-hour{flex-shrink:0;min-width:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between}.forecast-hour>strong,.hour-tile>strong{min-width:5rem}.viz-chart .viz-plot{height:16rem}.provider-head,.provider-row{grid-template-columns:minmax(6rem,1.4fr) repeat(4,minmax(4.5rem,1fr))}.model-selected{overflow:auto}.station-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hour-sheet{padding-bottom:6rem}.hour-sheet h2{padding-inline-end:2.75rem;overflow-wrap:anywhere}.today-popup-content{padding-bottom:6rem}}
.viz-table table caption{font-weight:700;text-align:start;padding:.5rem}.scroll-table,.progress-table-scroll,.history-table-wrap,.rw-table-wrap,.lightning-session-table{max-width:100%;overflow:auto}.scroll-table th,.progress-table-scroll th,.history-table-wrap th,.rw-table-wrap th,.lightning-session-table th{position:sticky;top:0;background:var(--surface,#fff)}

.viz-layout-toggle{min-height:44px;font:inherit;margin:.5rem 0;padding:.5rem}.viz-table-wrap{overflow:auto;max-width:100%}.viz-metric-controls select{font:inherit;min-height:44px;max-width:100%}.viz-metric-controls label{display:grid;gap:.5rem}.viz-table-wrap th{position:sticky;top:0;background:var(--surface,#fff)}
@media(max-width:46rem){[data-viz-layout="vertical"]{max-height:none;overflow:visible}[data-viz-layout="horizontal"]{flex-direction:row;overflow:auto;flex-wrap:nowrap}[data-viz-layout="horizontal"]>button,[data-viz-layout="horizontal"]>article{width:auto;min-width:8rem;flex-basis:8rem;flex-shrink:0}.model-selected[data-viz-metric]:not([data-viz-metric="all"]){overflow:visible}.model-selected[data-viz-metric]:not([data-viz-metric="all"]) .provider-head,.model-selected[data-viz-metric]:not([data-viz-metric="all"]) .provider-row{grid-template-columns:minmax(0,1fr) minmax(5rem,auto)}.model-selected[data-viz-metric="1"] .provider-row>:nth-child(n+3),.model-selected[data-viz-metric="1"] .provider-head>:nth-child(n+3){display:none}.model-selected[data-viz-metric="2"] .provider-row>:nth-child(2),.model-selected[data-viz-metric="2"] .provider-row>:nth-child(n+4),.model-selected[data-viz-metric="2"] .provider-head>:nth-child(2),.model-selected[data-viz-metric="2"] .provider-head>:nth-child(n+4){display:none}.model-selected[data-viz-metric="3"] .provider-row>:nth-child(2),.model-selected[data-viz-metric="3"] .provider-row>:nth-child(3),.model-selected[data-viz-metric="3"] .provider-row>:nth-child(5),.model-selected[data-viz-metric="3"] .provider-head>:nth-child(2),.model-selected[data-viz-metric="3"] .provider-head>:nth-child(3),.model-selected[data-viz-metric="3"] .provider-head>:nth-child(5){display:none}.model-selected[data-viz-metric="4"] .provider-row>:nth-child(2),.model-selected[data-viz-metric="4"] .provider-row>:nth-child(3),.model-selected[data-viz-metric="4"] .provider-row>:nth-child(4),.model-selected[data-viz-metric="4"] .provider-head>:nth-child(2),.model-selected[data-viz-metric="4"] .provider-head>:nth-child(3),.model-selected[data-viz-metric="4"] .provider-head>:nth-child(4){display:none}.provider-row{min-width:0}.provider-row>*{overflow-wrap:anywhere}.viz-table-wrap table{min-width:100%}}
.viz-controls button,.viz-layout-toggle{border:1px solid #b7ccdc;background:#edf6fc;color:#143b54;border-radius:.5rem;padding:.5rem .75rem}.viz-controls button:disabled{opacity:.55}.viz-chart details>summary,.viz-reading-details>summary{padding:.5rem 0;min-height:44px}.viz-reading-summary{display:none}.viz-reading-details>summary{display:none}@media(max-width:46rem){.viz-reading-summary{display:grid}.viz-reading-details>summary{display:block}.viz-reading-details{margin-top:.5rem}}
.viz-y{position:relative;display:block}.viz-y>span{position:absolute;right:0;transform:translateY(-50%)}.viz-y>span:first-child{transform:none}.viz-y>span:last-child{transform:translateY(-100%)}
.observed-key{background:#1463a3}.forecast-key{background:#c94b24}body{padding-bottom:6rem}@media(max-height:500px){.primary-nav{position:static}.language-switch{position:static;margin:1rem auto}.today-popup .language-switch{position:relative;inset:auto;flex-shrink:0}}
.viz-frame{grid-template-columns:4ch minmax(0,1fr)}.viz-y{max-width:none}
@media(max-height:500px){.language-switch,.today-popup .language-switch{inset:auto;transform:none}}.model-selected .native-aifs-row .native-aifs-note{display:block!important;grid-column:1/-1}
.daily-range{position:relative}.daily-range-point{position:absolute;top:50%;width:.45rem;height:.45rem;border-radius:50%;background:#1463a3;transform:translate(-50%,-50%)}
