.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.dashboard-nav{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;align-items:center;margin:2px 0 8px}
.dashboard-nav button{font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:#24577d;background:#fff;border:1px solid #aac0d4;border-radius:999px;padding:8px 14px}
.dashboard-nav button[aria-pressed="true"]{color:white;background:#235f91;border-color:#235f91}
.dashboard-nav button:hover{border-color:#235f91;background:#eaf3fa}
.dashboard-nav button[aria-pressed="true"]:hover{background:#174d76;color:white}
.dashboard-nav button:focus-visible{outline:3px solid #e79c36;outline-offset:2px}
.dashboard-nav-note{font-size:12px;color:#69727c;margin:0 0 6px;text-align:right}
.dashboard-header-copy{min-width:280px;flex:1}
.dashboard-header-actions{flex:0 1 auto}
.wrap>section[hidden]{display:none!important}
.noaa-gallery{margin-top:24px}
.noaa-gallery>h3{margin-bottom:6px}
.noaa-gallery-intro{margin:0 0 14px;color:#69727c;font-size:13px}
.noaa-section{border:1px solid #dfe4e8;border-radius:10px;background:#fbfcfd;padding:16px;margin:16px 0}
.noaa-section h4{font-size:19px;margin:0 0 5px;color:#263442}
.noaa-section-note{font-size:13px;color:#69727c;margin:0 0 12px}
.noaa-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}
.noaa-tabs button,.noaa-options button,.noaa-refresh{font:inherit;cursor:pointer;border:1px solid #aac0d4;border-radius:7px;background:#fff;color:#24577d;padding:8px 12px;line-height:1.35}
.noaa-tabs button[aria-pressed="true"],.noaa-options button[aria-pressed="true"]{background:#235f91;color:#fff;border-color:#235f91;font-weight:700}
.noaa-tabs button:hover,.noaa-options button:hover,.noaa-refresh:hover{border-color:#235f91;background:#eaf3fa;color:#174d76}
.noaa-tabs button[aria-pressed="true"]:hover,.noaa-options button[aria-pressed="true"]:hover{background:#174d76;color:#fff}
.noaa-tabs button:focus-visible,.noaa-options button:focus-visible,.noaa-refresh:focus-visible,.noaa-map-hotspot:focus-visible{outline:3px solid #e79c36;outline-offset:2px}
.noaa-browser{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:16px;align-items:start}
.noaa-options{border:1px solid #dfe4e8;border-radius:8px;background:#fff;padding:11px}
.noaa-option-group+.noaa-option-group{margin-top:12px;border-top:1px solid #e6eaee;padding-top:12px}
.noaa-option-group h5{font-size:14px;margin:0 0 7px;color:#394854}
.noaa-option-group button{display:block;width:100%;text-align:left;margin:5px 0}
.noaa-viewer{min-width:0;border:1px solid #dfe4e8;border-radius:8px;background:#fff;padding:12px}
.noaa-viewer h5{font-size:17px;margin:0 0 8px}
.noaa-viewer img.noaa-product-image{display:block;width:auto;max-width:100%;max-height:850px;height:auto;margin:0 auto}
.noaa-image-wrap{min-height:220px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:auto}
.noaa-status{font-size:13px;color:#69727c;margin:8px 0}
.noaa-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:10px;font-size:13px}
.noaa-links a{color:#235d8c}
.noaa-refresh{font-size:12px;padding:5px 9px}
.noaa-map-layout{display:grid;grid-template-columns:minmax(230px,311px) minmax(0,1fr);gap:16px;align-items:start}
.noaa-map-frame{position:relative;width:100%;max-width:311px;aspect-ratio:311/335}
.noaa-map-frame>img{display:block;width:100%;height:100%;object-fit:fill}
.noaa-map-frame>svg{position:absolute;inset:0;width:100%;height:100%}
.noaa-map-hotspot{fill:rgba(39,120,184,0);stroke:transparent;cursor:pointer}
.noaa-map-hotspot:hover,.noaa-map-hotspot.is-selected{fill:rgba(39,120,184,.22);stroke:#174d76;stroke-width:1.5}
.noaa-map-controls label{display:block;font-size:13px;margin:8px 0 4px;color:#43515d}
.noaa-map-controls select{width:100%;max-width:311px;padding:7px;border:1px solid #aac0d4;border-radius:7px;background:white;font:inherit}
.noaa-series-chart img{display:block;max-width:100%;height:auto;margin:auto}
.noaa-series-chart .noaa-image-wrap{min-height:220px}
@media(max-width:800px){.noaa-browser{grid-template-columns:1fr}.noaa-options{display:flex;flex-wrap:wrap;gap:8px}.noaa-option-group{min-width:min(100%,220px);flex:1}.noaa-option-group+.noaa-option-group{margin-top:0;border-top:0;padding-top:0}}
@media(max-width:650px){.noaa-section{padding:10px}.noaa-tabs button{flex:1 1 125px}.noaa-map-layout{grid-template-columns:1fr}.noaa-map-frame{margin:auto}.noaa-map-controls{text-align:center}.noaa-map-controls select{max-width:100%}}