/* Compact weather portal: directory, outlook workspace, and current activity. */
.site-header{box-shadow:none;background:#0b2134;border-bottom:1px solid #294a65}
.site-header:before{height:3px;background:#74afcd}
.site-header .brand-row{min-height:94px;gap:20px}
.site-header .brand img{width:280px;height:70px}
.site-header .brand-product strong{font-size:20px}
.site-header .brand-product small{font-size:10px;color:#b7c8d5;letter-spacing:.5px}
.site-header .brand-promise{font-size:9px;color:#c2d1dc;letter-spacing:.6px}
.primary-nav{background:#163e5c;border-top:1px solid #315671}
.primary-nav .nav-grid{display:flex;flex-wrap:wrap;gap:0}
.primary-nav a{height:42px;flex:1 1 auto;padding:0 10px;font-size:11px;letter-spacing:0;text-transform:none;color:#e8f0f6;border:0}
.primary-nav a:last-child{border:0}
.primary-nav a.active,.primary-nav a:hover{background:#245b80;color:#fff}
.primary-nav a.active:after{height:3px;background:#b0d3ec}
.nav-toggle{display:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3d91cd;outline-offset:3px}
.weather-portal{background:#e9eef2;color:#243647;font-family:Arial,"Segoe UI",sans-serif;font-size:13px;line-height:1.45}
.weather-portal:before{display:none}
.weather-portal .shell{width:min(100% - 40px,1480px)}
.weather-portal a{color:#155781}
.portal-shell{padding:20px 0 32px}
.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 18px;border-bottom:1px solid #bdcad4;margin-bottom:18px}
.portal-heading h1{margin:0 0 3px;font-size:26px;font-weight:700;letter-spacing:-.5px;color:#173d58}
.portal-heading p{margin:0;color:#5f7180;font-size:13px}
.portal-search{min-width:290px}
.portal-search label{display:block;font-weight:700;font-size:11px;margin-bottom:4px}
.portal-search>div{display:flex;gap:0}
.portal-search input{height:34px;min-width:0;flex:1;padding:7px 10px;background:#fff;color:#203648;border:1px solid #9db0bf;border-radius:2px 0 0 2px;font-size:12px;color-scheme:light}
.portal-search button{height:34px;padding:0 18px;background:#1c557d;border:1px solid #1c557d;color:white;font-size:12px;font-weight:700;cursor:pointer;border-radius:0 2px 2px 0}
.portal-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 250px;gap:18px;align-items:start}
.portal-main{display:grid;gap:18px;min-width:0}
.portal-directory{background:#fff;border:1px solid #becbd5}
.portal-directory h2{margin:0;padding:10px 12px;background:#214f71;color:#fff;font-size:14px;font-weight:700}
.portal-directory section{padding:10px 12px;border-bottom:1px solid #d7e0e6}
.portal-directory section:last-child{border:0}
.portal-directory h3{font-size:12px;color:#334c61;margin:0 0 6px}
.portal-directory a{display:block;padding:4px 0;font-size:12px;text-decoration:none}
.portal-directory a:hover{text-decoration:underline;color:#092f49}
.portal-panel{background:white;border:1px solid #becbd5;min-width:0}
.portal-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#e0e9f0;border-bottom:1px solid #bdccd8;padding:9px 12px;min-height:38px}
.portal-panel-heading h2{margin:0;font-size:14px;font-weight:700;color:#173d58}
.portal-panel-heading>a{font-size:11px;text-decoration:none;white-space:nowrap}
.portal-panel-heading>a:hover{text-decoration:underline}
.portal-outlook-days{display:grid;grid-template-columns:repeat(3,1fr);background:#f5f7f9;border-bottom:1px solid #bdccd8}
.portal-outlook-days a{padding:8px 12px;text-align:center;text-decoration:none;font-weight:700;border-right:1px solid #bdccd8;position:relative;font-size:13px}
.portal-outlook-days a:last-child{border:0}
.portal-outlook-days span{font-size:11px;font-weight:400;margin-left:6px;color:#657886}
.portal-outlook-days a[aria-current=true]{background:#fff;color:#0b456e;box-shadow:inset 0 -3px #28658f}
.portal-outlook-hazards{display:flex;gap:5px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid #d3dde4}
.portal-outlook-hazards a{padding:4px 12px;color:#31566d;border:1px solid #bdccd8;background:#f5f8fa;text-decoration:none;font-size:11px}
.portal-outlook-hazards a[aria-current=true]{background:#245779;color:#fff;border-color:#245779}
.portal-outlook-hazards a[aria-disabled=true]{display:none}
.portal-outlook-info{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}
.portal-outlook-info>span{color:#687c8c;font-size:10px}
.portal-map{display:block;background:#10232f;position:relative;min-height:0;text-decoration:none}
.portal-map img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.portal-map-message{display:block;padding:35px 25px;text-align:center;color:#fff;background:#203f54;min-height:180px;align-content:center}
.portal-map-message[hidden]{display:none}
.portal-map-actions{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:#f8fafb;border-bottom:1px solid #d3dde4;font-size:11px}
.portal-map-actions a{text-decoration:none}
.portal-map-actions a:hover{text-decoration:underline}
.portal-risk-key{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:9px 12px;font-size:10px}
.portal-risk-key>span{border-bottom:3px solid;padding-bottom:3px}
.key-tstm{border-color:#a2c891!important}.key-mrgl{border-color:#38a345!important}.key-slgt{border-color:#e1bd0a!important}.key-enh{border-color:#e78017!important}.key-mdt{border-color:#d62e3d!important}.key-high{border-color:#b832bd!important}
.portal-model-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-model-links a{display:grid;padding:12px;border-right:1px solid #d0dbe4;text-decoration:none;gap:4px}
.portal-model-links a:last-child{border:0}
.portal-model-links strong{font-size:15px;color:#174b6e}
.portal-model-links span{font-size:10px;color:#657887}
.portal-model-links a:hover{background:#edf4f8}
.portal-section-title{font-size:16px;color:#173d58;margin:0 0 9px}
.portal-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.portal-product header{padding:9px 11px;background:#fff;border-bottom:1px solid #d5dfe6}
.portal-product h3{font-size:13px;margin:0 0 2px}
.portal-product h3 a{text-decoration:none}
.portal-product h3 a:hover{text-decoration:underline}
.portal-product header p{font-size:10px;color:#637889;margin:0}
.portal-thumbnail{display:block;background:#10232f;text-decoration:none;aspect-ratio:16/9;overflow:hidden}
.portal-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}
.portal-preview-error{display:block;padding:18px;color:#fff;font-size:12px}
.portal-preview-error[hidden]{display:none}
.portal-product nav{padding:8px 10px;background:#f4f7fa;display:flex;flex-wrap:wrap;gap:6px 12px;border-top:1px solid #d0dbe4}
.portal-product nav a{font-size:10px;text-decoration:none}
.portal-product nav a:hover{text-decoration:underline}
.portal-secondary-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#bccbd6;border:1px solid #bccbd6}
.portal-secondary-links a{padding:11px;background:#fff;display:grid;gap:3px;text-decoration:none}
.portal-secondary-links strong{font-size:12px}
.portal-secondary-links span{font-size:10px;color:#637889}
.portal-current{display:grid;gap:14px;min-width:0}
.portal-current .portal-panel-heading{background:#e0e9f0}
.portal-current .portal-panel-heading h2{font-size:13px}
.portal-count{font-weight:700;color:#173d58;font-size:13px}
.portal-empty{padding:12px;margin:0;color:#5b6f80;font-size:12px;line-height:1.55}
.portal-panel-link{display:block;font-size:11px;padding:8px 12px;border-top:1px solid #d5dfe6;background:#f6f9fb;text-decoration:none}
.portal-panel-link:hover{text-decoration:underline}
.portal-watch{display:grid;gap:4px;padding:10px 12px;border-bottom:1px solid #dbe3e9;border-left:3px solid #b9503b}
.portal-watch strong{color:#994223;font-size:12px}
.portal-watch span{font-size:11px}
.portal-watch small{font-size:10px;color:#677b8c}
.portal-storm{padding:10px 12px;display:grid;gap:3px;text-decoration:none;border-bottom:1px solid #dbe3e9}
.portal-storm strong{font-size:14px;color:#174f76}
.portal-storm span{font-size:11px;color:#5b6f80}
.portal-discussion{display:grid;gap:5px;padding:11px 12px;border-bottom:1px solid #dbe3e9;text-decoration:none}
.portal-discussion strong{font-size:12px}
.portal-discussion span{font-size:11px;color:#536879;line-height:1.5}
.portal-discussion small{font-size:9px;color:#697e8e}
.portal-data-note{padding:0 12px;font-size:10px;color:#926226}
.portal-reference{border-top:3px solid #9ab6cb;padding:10px 0}
.portal-reference h2{font-size:13px;margin:0 0 8px;color:#334c61}
.portal-reference a{display:block;padding:5px 0;text-decoration:none;font-size:11px}
.portal-reference p{font-size:10px;color:#697c8a;margin-top:12px;line-height:1.6}
.weather-portal .site-footer{background:#0b2134;border-top:3px solid #315f80}
.weather-portal .footer-grid{grid-template-columns:220px 1fr;min-height:0;gap:20px;padding:22px 0}
.weather-portal .footer-brand img{width:200px}
.weather-portal .footer-copy{color:#b6c6d2;font-size:11px}
.weather-portal .footer-copy strong{color:#eaf2f8;font-size:13px}
.weather-portal .footer-links{grid-column:1/-1;flex-wrap:wrap;gap:15px}
.weather-portal .footer-links a{color:#c4d4df;font-size:10px}
@media(max-width:1180px){.portal-layout{grid-template-columns:170px minmax(0,1fr) 220px;gap:12px}.site-header .brand-promise{display:none}.primary-nav a{padding:0 8px}.portal-outlook-info{flex-direction:column;align-items:start;gap:3px}.portal-outlook-days span{display:block;margin-left:0}}
@media(max-width:980px){.portal-layout{grid-template-columns:170px minmax(0,1fr)}.portal-current{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.portal-reference{grid-column:1/-1}.portal-reference a{display:inline-block;margin-right:20px}.portal-reference p{margin:8px 0}.portal-heading h1{font-size:24px}}
@media(max-width:800px){.site-header .brand-row{min-height:78px;gap:12px}.site-header .brand{gap:12px}.site-header .brand img{width:230px;height:58px}.site-header .brand-product{display:none}.nav-toggle{display:flex;gap:12px;align-items:center;border:1px solid #688ca5;background:#163e5c;color:#fff;padding:9px 12px;font-size:12px;cursor:pointer}.navigation-ready .primary-nav{display:none}.navigation-ready .primary-nav.is-open{display:block}.primary-nav .nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0}.primary-nav a{justify-content:start;padding:0 15px;font-size:12px;height:40px}.portal-heading{align-items:start}.portal-heading p{font-size:11px}.portal-search{min-width:230px}.portal-layout{grid-template-columns:150px minmax(0,1fr)}.portal-directory section{padding:9px}.portal-directory a{font-size:11px}.portal-panel-heading{flex-wrap:wrap;gap:3px}.portal-model-links{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-model-links a:nth-child(-n+2){border-bottom:1px solid #d0dbe4}.portal-product-grid{gap:10px}.portal-secondary-links{grid-template-columns:1fr}.portal-current{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.weather-portal .shell{width:calc(100% - 24px)}.portal-heading{display:grid;gap:12px;margin-bottom:12px;padding-bottom:14px}.portal-search{min-width:0;width:100%}.portal-layout{grid-template-columns:1fr;gap:14px}.portal-main{grid-row:1}.portal-directory{grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-directory h2{grid-column:1/-1}.portal-directory section{border-bottom:1px solid #d7e0e6;padding:12px}.portal-directory a{font-size:12px;padding:5px 0}.portal-current{grid-column:auto;grid-template-columns:1fr}.portal-reference{grid-column:auto}.portal-product-grid{grid-template-columns:1fr}.portal-outlook-days span{display:inline;margin-left:4px}.portal-outlook-hazards a{flex:1;text-align:center;padding:5px 8px}.portal-map-actions{font-size:10px}.portal-shell{padding-top:14px}.weather-portal .footer-grid{grid-template-columns:1fr;gap:12px}.weather-portal .footer-links{grid-column:auto}.site-header .brand img{width:200px;height:56px}.portal-model-links span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.portal-risk-key[hidden],.portal-thumbnail img[hidden]{display:none}
.portal-directory a:focus-visible,.portal-panel a:focus-visible{outline-offset:-2px}
.weather-portal .site-header .brand{color:#f0f6fa}
.weather-portal .site-header .primary-nav a{color:#e8f0f6}
.portal-thumbnail{position:relative}
.portal-preview-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#bdccd6;font-size:11px;padding:18px;pointer-events:none}
.portal-preview-loading[hidden]{display:none}