/* Approved dashboard structure; timestamped source values only. */
body{font-family:Arial,"Segoe UI",sans-serif;background:#eef5fc}.site-header{background:#f8fcff}.header-inside{height:54px}.brand{font-size:22px;color:#111e35;letter-spacing:-.5px}.brand img{width:34px;height:34px}.header-weather{display:none}.nav-links{margin:0;gap:25px}.nav-links a:first-child{background:#deefff;border-radius:20px;padding:9px 17px;color:#056fcb}.header-search{border:1px solid #e1ebf3;background:white;padding:8px 14px;border-radius:24px;max-width:255px;font-size:12px;color:#66788b}main{padding:8px 12px 30px}.hero{border-radius:8px;min-height:438px!important;padding:25px 28px!important}.hero-main{min-height:0!important;max-width:425px;pointer-events:auto;display:flex;justify-content:flex-start}.hero h1{font-size:38px;margin:0 0 4px}.hero-time{margin:3px 0 12px!important}.hero-main .area-select{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 12px;display:block}.area-select>div:first-child,.area-select>small{display:none}.area-buttons{flex-wrap:wrap;gap:5px}.area-buttons button{border-radius:8px;padding:6px 11px;font-size:11px;background:#ffffffea;color:#1a4169}.area-buttons button[aria-pressed=true]{background:#fff;color:#067bd3;border-color:#a7d5f5}.hero-number{flex-direction:row-reverse;justify-content:flex-end;gap:14px}.hero .hero-number>span:first-child{font-size:66px;letter-spacing:-3px}.hero-symbol{font-size:51px}.hero .hero-summary{font-size:14px;margin:4px 0}.hero .hero-desc{font-size:11px;margin:0}.hero-metrics{margin:12px 0 8px;padding:9px 3px}.hero-reason{position:relative;left:auto;right:auto;bottom:auto;align-self:stretch;max-width:100%;padding:11px 15px;margin-top:4px;box-shadow:none}.hero-reason p{font-size:11px;line-height:1.4;margin:4px 0}.hero-reason .reason-head{font-size:16px}.hero-reason button{font-size:11px}.hero-photo-credit{display:none}.station-line{font-size:10px;color:#c6e5f7;margin-top:6px}.hero-radar-map{inset:0 0 0 32%}.hero-radar-ui button{padding:8px 13px;font-size:11px}.radar-real-control{position:relative}.dashboard{margin-top:9px;gap:9px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.panel{border-radius:9px;padding:13px 15px;box-shadow:none}.panel-title{margin-bottom:9px}.panel-title h2{font-size:18px;margin:0}.heading-eyebrow{display:none}.panel-title p,.today-signals,.today-foot{display:none}.hour-tile{border-radius:0;border:0;border-right:1px solid #e8eef4;background:#fff;min-height:109px;padding:8px 2px}.hour-tile .icon{margin:5px 0;font-size:26px}.hour-tile b{font-size:18px}.today .panel-title h2{font-size:18px}.today .mini-status{padding:4px 8px}.day-tile{border-radius:0;border:0;border-right:1px solid #e5edf5;padding:7px 3px}.day-tile b{font-size:18px}.day-tile .symbol{margin:5px 0}.day-tile em{font-size:10px}.day-detail{padding:8px;margin-top:7px;background:#f7fbff}.day-detail-hours{margin-top:6px}.day-hour{flex-basis:68px;padding:5px}.day-hour small{font-size:9px}.ten-note{font-size:9px}.marine-main{display:block;position:relative;min-height:140px;overflow:hidden;border-radius:7px;padding:13px 18px;background:#08526d;color:white}.marine-main img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;opacity:.5}.marine-main>div{position:relative}.marine-main h3,.marine-main p,.marine-values b,.marine-values small{color:#fff}.marine-main h3{font-size:16px}.marine .small-note{font-size:10px;color:#eefaff;margin-bottom:0}.decision-option{padding:7px 9px;min-height:52px}.decision-icon{width:32px;height:32px;font-size:20px}.decision-options{gap:5px}.decision-option p{font-size:10px}.weather-indicators{grid-column:2;grid-row:2}.decision{grid-column:2;grid-row:auto}.gallery{grid-column:1}.satellite-panel{grid-column:2}.sst-panel{grid-column:2}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-grid img{width:100%;height:108px;object-fit:cover;border-radius:6px}.gallery-grid figcaption{font-size:11px;color:#61738b}.gallery-grid figure{margin:0}.small-note{font-size:10px;color:#6e8298;margin:7px 0 0}.indicator-list{display:grid;gap:6px}.indicator-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf3f8;padding:4px 2px;font-size:12px}.indicator-list b{color:#17638b}.mini-map{height:195px;border-radius:6px;overflow:hidden}.sst-value{font-size:37px;font-weight:700;color:#075883}.climate-months{display:grid;gap:5px}.climate-month{font-size:12px;background:#f0f7fd;padding:8px;border-radius:5px}.future,.season{min-height:0}.season-row img{width:125px;height:90px}.comparison{grid-column:1/-1}.comparison .panel-title .subtle-link{font-size:10px}.future{grid-column:1}.season{grid-column:2}.source-health{order:20}.methods{order:21}
@media(min-width:1061px){.today{grid-column:1;grid-row:1}.ten-day{grid-column:2;grid-row:1}.marine{grid-column:1;grid-row:2}.weather-indicators{grid-column:2;grid-row:2}.ten-day .day-tile{flex:0 0 calc(20% - 1px)}.radar{grid-column:1/-1}.decision{grid-column:2;grid-row:3}.gallery{grid-column:1;grid-row:3}.radar{grid-row:4}.satellite-panel{grid-column:1;grid-row:5}.sst-panel{grid-column:2;grid-row:5}}
@media(max-width:750px){.header-inside{padding:0 14px}.site-header .brand{font-size:20px;height:53px}.header-search{display:none}.nav-links{gap:18px!important}.nav-links a:first-child{background:none;padding:0;color:#0b62a1}.nav-links a{font-size:11px!important}.hero{min-height:0!important;padding:19px 15px 12px!important}.hero-main{max-width:none}.hero h1{font-size:29px}.hero-time{font-size:11px;margin-bottom:10px!important}.hero-main .area-select{margin-bottom:8px}.hero .hero-number>span:first-child{font-size:59px}.hero-symbol{font-size:45px}.hero .hero-desc{font-size:10px}.hero-metrics{margin-top:9px}.hero .hero-summary{font-size:13px}.hero-reason{margin-top:5px}.hero-reason p{font-size:10px}.station-line{font-size:9px}.dashboard{display:flex;margin-top:7px}.today{order:1}.ten-day{order:2}.radar{order:3}.marine{order:4}.weather-indicators{order:5}.gallery{order:6}.satellite-panel{order:7}.sst-panel{order:8}.decision{order:9}.comparison{order:10}.future{order:11}.season{order:12}.deep{order:13}.panel{padding:12px 10px}.panel-title h2{font-size:17px}.hero-metrics b{font-size:11px}.day-grid{grid-template-columns:repeat(10,minmax(65px,1fr))}.day-detail{margin-top:6px}.gallery-grid img{height:86px}.hero-reason .reason-head{font-size:15px}.source-health-grid{grid-template-columns:1fr}.radar-map:has(.mobile-radar-map){height:365px}.day-hour{flex-basis:66px}.marine-main{min-height:145px}.radar-side p{font-size:10px}.hero-radar-ui{display:none}.mini-map{height:220px}}

.model-map-value{border-radius:7px;padding:7px 8px;background:#f7fcffee;color:#104d73;border:1px solid #aaddec;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;box-shadow:0 2px 7px #052a5855}.radar-tabs{flex-wrap:wrap}.radar-tabs button{padding:7px 11px;font-size:11px}.mini-map .leaflet-control-attribution{font-size:8px}

.hours>.placeholder{grid-column:1/-1}.hero .hero-number>span:first-child:empty{font-size:50px}

.hero .hero-desc{display:none}.hero-reason .reason-head>span{font-size:16px;line-height:1.5}.hero-reason{padding:9px 13px}.hero-reason button{position:absolute;right:13px;top:13px}.reason-head{padding-right:67px}.hero-reason p{margin:4px 0 0}.station-line{margin:6px 0 0;line-height:1.2}.hero-main .area-select{margin-bottom:8px}.area-buttons{display:none!important}#area-picker{border:0;border-radius:8px;background:#fff;color:#134a74;font:inherit;font-size:12px;padding:7px 12px;max-width:180px}.day-detail[hidden]{display:none!important}.ten-note{margin-top:7px}
@media(min-width:1061px){.hours{grid-template-columns:repeat(12,minmax(0,1fr))}.hour-tile small{font-size:10px}.hour-tile .raininfo{font-size:9px}.hero{padding:23px 28px!important}}
@media(max-width:750px){.hero-summary,.station-line{display:none}.hero-reason .reason-head{font-size:14px}.hero-reason .reason-head>span{font-size:15px}.hero-reason p{font-size:10px}.hero .hero-number>span:first-child{font-size:57px}.hero-metrics span{font-size:9px}.hero .hero-time{margin-bottom:9px!important}}
/* R4: restrained, readable approved dashboard proportions. */
body{font-family:Arial,"Segoe UI",sans-serif;color:#102742;background:#edf4fb}
.panel{border:1px solid #dce8f4;background:#fff}.panel-title h2{font-size:17px;letter-spacing:-.3px}
.hero{min-height:434px!important}.hero h1{letter-spacing:-1px}.hero-number{align-items:center}
.hero-metrics{background:#07466d9c;border-color:#ffffff25;margin-top:13px}.hero-metrics span{font-size:9px;line-height:1.4;min-height:26px;color:#d2e8f5}.hero-metrics b{font-size:13px;margin-top:3px}
.hero-reason{background:linear-gradient(100deg,#e0f7e3,#effbef);border-radius:10px}.hero-summary{font-weight:500!important;font-size:12px!important;color:#d9efff!important}
.hero .hero-time{font-size:11px;color:#d1eafa}.station-line{color:#d1eafa}
.partial-day .low{color:#86632d}.partial-day em{color:#86632d!important}.ten-note{font-size:10px;line-height:1.5;color:#61758d}
.ensemble-detail{font-size:11px;color:#345875;line-height:1.65;background:#eef6fd;border-radius:6px;padding:9px;margin-top:8px}
.hour-tile .raininfo{line-height:1.4;color:#3175a3}.day-tile em{white-space:normal;line-height:1.5}.day-tile .low{font-size:11px}
.map-legend{font-size:11px;line-height:1.6;color:#305b77;background:#eaf4fb;padding:9px;border-radius:7px;margin:8px 0}
.grid-wind-arrow{color:white;text-shadow:0 1px 4px #123b60;font-size:25px;text-align:center;line-height:22px}
.radar-real-control{font-size:10px}.radar-real-control>span{white-space:nowrap}.hero-radar-ui{right:14px;top:14px}.hero-radar-ui button{min-width:92px;padding:9px 11px}
@media(min-width:1061px){.hero-radar-map{inset:0 0 0 31%}.hero-shade{background:linear-gradient(90deg,#06365ff7 0%,#034171ed 26%,#024b6d77 43%,#023d5600 65%)!important}.hero{padding:23px 28px!important;min-height:440px!important}.hero-main{max-width:395px}.hero h1{font-size:36px}.hero-metrics{max-width:395px}.hero .radar-real-control{position:absolute;z-index:10;bottom:20px;left:47%;right:110px;margin:0;background:#063d65d9;color:white;border:1px solid #ffffff35;border-radius:9px}.hero .radar-real-control button{background:white;color:#087bd0}.radar .radar-layout{display:block}.radar .radar-map{display:none}.radar .radar-side{border:0;margin:0;padding:0;background:none}.radar .panel-title{margin-bottom:6px}.radar .radar-tabs{justify-content:flex-start}.radar .radar-side>p{font-size:11px;line-height:1.55}.today,.ten-day{align-self:start}.dashboard{align-items:start}.marine-main{min-height:145px}.gallery-grid img{height:118px}.indicator-list>div{min-height:29px}.mini-map{height:245px}.satellite-panel,.sst-panel{min-height:326px}}
@media(min-width:751px) and (max-width:1060px){.hero .radar-real-control{position:absolute;z-index:10;bottom:13px;left:48%;right:15px;background:#eaf4fbe8}.hero-radar-ui{display:none}.hero-main{max-width:340px}}
@media(max-width:750px){main{padding:7px 9px 22px}.site-header{background:#075175;color:#fff}.site-header .brand{color:#fff}.site-header .brand img{background:white;border-radius:50%;padding:3px}.site-header .nav-links{background:#f8fcff;margin:0 -12px!important;width:calc(100% + 24px)!important;padding:0 12px!important;gap:17px!important}.site-header .nav-links a{color:#244861}.hero{padding:17px 15px 13px!important;border-radius:8px;min-height:0!important}.hero h1{font-size:28px}.hero .hero-number>span:first-child{font-size:61px}.hero-symbol{font-size:45px}.hero-summary{display:block!important;font-size:11px!important;margin:3px 0!important}.hero-metrics{padding:8px 2px}.hero-metrics span{font-size:8px;min-height:24px}.hero-metrics b{font-size:11px}.hero-reason{margin-top:7px}.hero-reason p{font-size:10px;line-height:1.5}.station-line{display:block;font-size:9px;line-height:1.45}.hero-main{min-height:0!important}.panel-title h2{font-size:16px}.panel-title .subtle-link{font-size:9px;max-width:135px;text-align:right}.ten-note{font-size:10px}.radar .radar-map{height:365px}.gallery-grid img{height:85px}.marine-main{padding:12px}.weather-indicators .small-note{line-height:1.6}.radar-real-control{gap:6px;padding:8px}.radar-real-control>span{font-size:9px}.mini-map{height:230px}}

.hour-controls{display:flex;border:1px solid #dde9f4;border-radius:7px;overflow:hidden;flex-shrink:0}.hour-controls button{font:inherit;font-size:10px;background:#f8fbff;color:#325372;border:0;border-right:1px solid #dde9f4;padding:6px 9px;cursor:pointer}.hour-controls button:last-child{border:0}.hour-controls button[aria-pressed=true]{background:#0a84e5;color:#fff}.today .panel-title{gap:8px}.today-state[hidden]{display:none}.hour-tile b{font-size:16px;white-space:nowrap}.hero .hero-number>span:first-child::after{content:'C';font-size:.38em;vertical-align:top;position:relative;top:.2em;margin-left:1px;letter-spacing:0}@media(min-width:1061px){.today{align-self:stretch}.today .today-foot{display:block;margin-top:10px;font-size:10px;line-height:1.5;color:#72869b}.hour-controls button{font-size:10px;padding:6px 8px}}@media(max-width:750px){.today .panel-title h2{font-size:15px}.hour-controls button{font-size:9px;padding:6px}.today .mini-status{display:none}.hour-tile b{font-size:15px}}

/* R5: complete scrollable timeline and map-local source key. */
.hours{display:flex!important;overflow-x:auto;gap:0;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#63a8d2 #edf5fb}
.hours .hour-tile{flex:0 0 74px;scroll-snap-align:start}.hour-navigation{display:flex;align-items:center;gap:7px;font-size:11px;color:#456b89;margin-top:5px}.hour-navigation span{flex:1}.hour-navigation button{border:1px solid #bcd5e8;background:#f1f8ff;color:#086dba;border-radius:6px;font-size:22px;width:32px;height:28px;cursor:pointer}.hours:focus-visible{outline:2px solid #1488df;outline-offset:3px}
.map-observation-key{max-width:350px;background:#062e49ee;color:white;border:1px solid #ffffff65;border-radius:8px;padding:9px 11px;font-size:11px;line-height:1.5;box-shadow:0 2px 8px #001d3455}.leaflet-bottom.leaflet-left{max-width:calc(100% - 56px)}
.radar-timeline{display:none!important}
@media(min-width:1061px){.radar-tabs{display:none!important}.hero-radar-map .leaflet-bottom.leaflet-left{left:24%;bottom:65px}.map-observation-key{max-width:390px}.hours .hour-tile{flex-basis:72px}}
@media(max-width:750px){.map-observation-key{max-width:280px;font-size:10px;padding:7px 9px}.hour-navigation{font-size:10px}.hours .hour-tile{flex-basis:70px}}