/* El Nino Watch: responsive brand, navigation, maps and community. */
:root{--ink:#153653;--muted:#586f89;--navy:#082448;--blue:#1473cf;--paper:#f0f5fb;--line:#dce6f0;--shadow:0 7px 26px rgba(11,44,76,.045)}
body{font-size:14px;background:radial-gradient(ellipse at 10% 0,#e6f1fc 0,transparent 50%),var(--paper)}
.key.community-report:before{background:#7e4daa}.community-map-marker{color:#7e4daa}
.community-intro{display:block!important;margin:0 0 19px}.community-intro>p:first-child{display:none}.community-intro>.community-note{font-size:11px;padding:10px 13px;border-left:3px solid #8db4d1;background:#f1f7fc;border-radius:0 8px 8px 0}.community-status.community-status-error{color:#914b28;background:#fff5ed;border-color:#ecd6c6}.community-status.community-status-connected{color:#256255;background:#eff8f4;border-color:#d0e6dc}.community-card .community-delete{color:#864b47;border-color:#e2ceca;background:#fffaf8;font-size:10px;padding:8px 10px;min-height:36px}.community-metric>strong{font-size:17px!important;overflow-wrap:anywhere}.community-dropzone input[type=file]{overflow:hidden}
.community-compose{display:block!important}.community-intro{display:none}.community-compose-heading{margin-bottom:17px}.community-compose-heading .eyebrow{font-size:9px}.community-impact-section h4{margin:20px 0 6px;font-size:13px;font-weight:700;color:#265571}.community-location{border:1px solid #d4e3ef;border-radius:9px;padding:11px 13px;margin:4px 0 18px;background:#fff}.community-location>summary{font-size:11px;font-weight:600;cursor:pointer;color:#245e8a;line-height:1.8}.community-location-actions>span{font-size:10px;line-height:1.8;color:#5a738c}.community-dropzone{border:1.5px dashed #a7c8e0;border-radius:11px;background:#edf6ff;padding:21px 17px;text-align:center;margin:20px 0 10px;transition:background .15s,border-color .15s}.community-dropzone.community-dragging{border-color:#1177c4;background:#dbefff}.community-dropzone>span{display:inline-flex;width:41px;height:41px;border-radius:12px;align-items:center;justify-content:center;background:#dceeff;color:#2777b2;font-size:27px;line-height:1;margin-bottom:10px}.community-upload-label{display:block!important;cursor:pointer;color:#1c5f90;font-size:12px!important;font-weight:700!important;letter-spacing:0!important}.community-dropzone p{font-size:10px!important;color:#5b7891;margin:7px 0!important}.community-dropzone input[type=file]{width:100%;font-size:11px;padding:10px;background:#fff;border-color:#cadfed;margin:6px 0;line-height:1.8}.community-dropzone input[type=file]::file-selector-button{background:#edf6ff;border:1px solid #c0d9ec;color:#1f5e8d;border-radius:6px;padding:7px 9px;font-family:inherit;margin-right:8px;cursor:pointer}.community-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:10px!important;letter-spacing:0!important;color:#435f77;font-weight:500!important;line-height:1.8;margin:18px 0}.community-consent input{flex:0 0 16px;margin-top:3px}.community-consent span{min-width:0}.community-status:empty,.community-media:empty,.community-preview:empty{display:none}.community-status-error{color:#914b28;background:#fff5ed;border-color:#ecd6c6}.community-status-connected{color:#256255;background:#eff8f4;border-color:#d0e6dc}.community-filter-controls>label{display:grid;gap:6px;min-width:0;font-size:9px;letter-spacing:.4px;flex:1}.community-filter-controls>label select{width:100%}.community-card-meta{font-size:10px!important;color:#698097!important;margin:7px 0!important;line-height:1.8!important}.community-source,.community-map-link{display:inline-flex;margin:9px 8px 5px 0;font-size:11px;font-weight:600}.community-map-link{align-items:center;min-height:41px;background:#f5faff;border-color:#cde1ef;padding:9px 11px;text-align:left;line-height:1.6}.community-card-head .community-badge{margin-bottom:8px}.community-export-actions{display:flex;gap:8px;flex-wrap:wrap}.community-export-actions button{font-size:10px;min-height:37px;padding:8px 10px;background:#f7fbff}.community-media>figure.community-preview{display:block}.community-comment>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}.community-comment time{font-size:9px;line-height:1.7;color:#647c94}.community-comments label{display:grid;gap:5px}.community-comments .community-comment-status{grid-column:1/-1;font-size:10px;line-height:1.8;color:#4a6e8d}.community-form-actions .community-status{margin:0;width:100%;font-size:10px}.community-field{font-size:10px!important;letter-spacing:.1px!important;font-weight:650!important;color:#49667f!important;line-height:1.8}.community-field input,.community-field textarea,.community-field select{font-weight:400;letter-spacing:0}
button,select,input,textarea{font-family:inherit;max-width:100%;min-width:0}
button,select,input:not([type=range]):not([type=checkbox]),textarea{min-height:44px}
textarea{border:1px solid #cad9ec;border-radius:10px;background:white;color:var(--ink);font-size:14px;line-height:1.6;padding:11px 13px;resize:vertical;min-height:105px}
textarea:focus-visible,summary:focus-visible{outline:3px solid #59bafa;outline-offset:3px}
button{font-weight:600}a{overflow-wrap:anywhere}p{line-height:1.75}
[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-150%);z-index:1600;background:#fff;color:#153653;padding:13px 17px;border-radius:8px;font-weight:700;box-shadow:0 3px 12px #152d5040}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:1100;background:#082448;min-height:87px;padding:16px max(24px,calc((100vw - 1460px)/2));gap:25px;box-shadow:0 1px 0 #163b61,0 3px 18px #071e401a}
.brand{gap:12px;flex-shrink:0;max-width:340px;letter-spacing:0}.brand-mark{width:48px;height:48px;color:inherit}.brand-copy{display:grid;gap:4px}.brand-title{color:#fff;font-size:18px;line-height:1.25;font-weight:720;letter-spacing:-.25px}.brand-subtitle{font-size:8px;color:#9abbdc;letter-spacing:1.7px;line-height:1.4;font-weight:600}
.topnav{gap:6px}.topnav a{padding:9px 11px;border-radius:8px;font-size:12px;color:#c1d8ef;white-space:nowrap}.topnav a:hover,.topnav a:focus-visible{background:#153a60;color:white;text-decoration:none}
.header-actions{display:flex;align-items:center;gap:9px}.header-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;min-height:43px;padding:10px 13px;background:#163a61;border-color:#2e5479;color:#e7f4ff;font-size:12px;white-space:nowrap}.header-actions button:hover{background:#22527d}.header-actions .nav-toggle{display:none;padding:10px;width:43px}
main{max-width:1510px;padding:30px 30px 0}h1{letter-spacing:-2px}h2{font-size:24px;letter-spacing:-.6px}h3{letter-spacing:-.15px}.eyebrow{font-size:10px;letter-spacing:1.45px;color:#597894}
#daily-panel,#map-panel,#alerts-panel,#watchlist,#community-panel,#top{scroll-margin-top:110px}
.intro{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);min-height:362px;border-radius:22px;padding:38px 44px;gap:52px;background:linear-gradient(115deg,#082448 0%,#123d6b 67%,#0c577c 100%);box-shadow:0 12px 36px rgba(7,37,73,.12)}.intro:before{background-size:25px 25px;opacity:.28}.intro:after{right:-240px;bottom:-520px;border:1px solid #64c0de26;width:800px;height:800px;background:repeating-radial-gradient(circle,transparent 0,transparent 53px,#70d8f824 54px,#70d8f824 55px,transparent 56px)}
.hero-copy{min-width:0}.hero-kicker{display:inline-flex;gap:8px;align-items:center;font-size:10px;color:#bce9f9;font-weight:700;letter-spacing:1.6px}.live-dot{display:inline-block;width:7px;height:7px;background:#81e8d1;border-radius:50%;box-shadow:0 0 0 4px #81e8d115}.intro h1{font-size:clamp(36px,3.9vw,56px);font-weight:730;margin:17px 0 15px;line-height:1.12}.intro>div>p{max-width:520px;font-size:14px;line-height:1.8;color:#bed7ed}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:23px 0}.hero-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 15px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none}.action-primary{background:#fff;color:#0c4778;box-shadow:0 3px 10px #001c3626}.action-primary:hover{background:#e5f6ff}.action-secondary{color:#e0f4ff;background:#ffffff0d;border:1px solid #96c4e24d}.action-secondary:hover{background:#ffffff1f}.hero-specs{display:flex;flex-wrap:wrap;gap:9px 17px;color:#9fbed9;font-size:10px}.hero-specs span{display:inline-flex;align-items:center;gap:7px}.hero-specs span:before{content:'';width:3px;height:3px;border-radius:50%;background:#71beda}
.enso-card{position:relative;background:#071f3d52;padding:25px 27px;border:1px solid #9dcce638;border-radius:16px;min-width:0;backdrop-filter:none}.enso-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}.enso-heading .eyebrow{font-size:9px;line-height:1.85;letter-spacing:1.15px;color:#afd5ed}.enso-card h2{font-size:21px;line-height:1.4;letter-spacing:-.3px}.enso-card p{font-size:12px;line-height:1.8;color:#bdd3e7}.enso-card a{color:#8bdeef;font-size:11px}.enso-card small{color:#95b4d1;font-size:10px}
.livebar{margin:12px 3px 14px}.livebar #status{font-size:11px;line-height:1.7;padding:3px 0}.livebar #next-refresh{font-size:10px}.stats{margin-bottom:28px;border-radius:14px;border-color:#dce6f0;box-shadow:0 5px 16px #0a2c4b03}.stats>div{padding:20px 25px}.stats>div:after{display:none}.stats label{font-size:9px;letter-spacing:1.1px}.stats strong{font-size:33px;color:#154c79;margin:8px 0}.stats small{font-size:10px;max-width:100%}
.panel{min-width:0;padding:27px;border-radius:16px;box-shadow:var(--shadow);margin-bottom:26px;background-color:white}.sectionhead{align-items:center;gap:18px}.sectionhead h2{margin:6px 0}.sectionhead .eyebrow{line-height:1.65}.sectionhead .controls{min-width:0}.sectionhead button{font-size:11px}.section-intro{max-width:840px;font-size:13px;margin:14px 0 23px}.source-panel{padding:22px 27px 17px}.source-panel h2{font-size:17px}.feed-grid{gap:10px}.feed{background:#f6faff}.feed>b{font-size:11px}.feed small{font-size:10px}.note{font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.daily-panel{border-top:3px solid #1370c7}.daily-panel .sectionhead h2{font-size:25px}.daily-tabs{gap:9px;margin-top:20px;padding-bottom:15px}.day-tab{border-radius:12px;flex-basis:87px;min-width:87px;background:#f6faff;padding:12px 7px}.day-tab.selected{background:#123f6c;border-color:#123f6c;box-shadow:0 4px 12px #123f6c21}.weather-hero{background:linear-gradient(120deg,#10365e,#176baf);border-radius:14px}.weather-stat{background:#f7fbff;border-color:#dae7f3}.weather-stat strong{color:#154f7c}.hour-choice{min-height:80px}.hourly-header{flex-wrap:wrap;gap:7px}.daily-tooltip,.daily-warning{line-height:1.8}.weather-chart{min-width:580px}.tablewrap,.hourly-table-wrap,#hourly-table{overscroll-behavior-inline:contain}.tablewrap table{min-width:710px}
.map-panel{border-top:3px solid #166bbb;background:linear-gradient(180deg,#f8fbff,white 270px)}.map-controls{display:grid;grid-template-columns:220px 210px minmax(0,1fr);gap:20px;margin-top:23px}.map-controls>div{min-width:0}.map-controls select{min-width:0;width:100%;max-width:100%;font-size:12px}.daycontrol{align-self:center}.daycontrol label{font-size:9px;letter-spacing:1px}.daycontrol input{margin:6px 0;min-height:25px}.mapbody{grid-template-columns:195px minmax(0,1fr);gap:15px}.mapframe{min-width:0}.mapframe #map{height:560px;border-radius:12px}.city-choice{border-radius:10px;padding:12px 11px;min-height:66px}.city-choice b{font-size:12px}.city-choice.selected{background:#e4f1ff;border-color:#6c9dc9;box-shadow:inset 3px 0 #1373c5}.map-layer-controls{border:1px solid #e1ebf5}.map-layer-controls label{font-size:11px}.map-context-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:12px 24px;align-items:center;border:1px solid #d6e6f2;border-radius:12px;margin-top:18px;padding:17px 19px;background:#f8fbff}.map-context-panel h3{font-size:14px;margin:0 0 6px}.map-context-panel p{font-size:11px;margin:0;line-height:1.75}.map-context-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.map-context-links>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;font-size:11px;font-weight:650;border:1px solid #c7dded;border-radius:8px;background:#fff;color:#20547c}.map-context-links>a:hover{text-decoration:none;background:#eaf5ff}.map-context-panel #map-imagery-status{grid-column:1/-1;border-top:1px solid #e1ebf4;padding-top:11px;font-size:10px}.observed-panel .sectionhead{gap:10px}.observed-panel .sectionhead>label{display:flex;align-items:center;gap:7px;letter-spacing:0;font-size:11px}.observed-controls>#coverage-toggle{display:flex;align-items:center;gap:8px;letter-spacing:0;font-size:11px;align-self:center}.observed-controls button{font-size:11px}.observed-panel h3{font-size:16px;margin:3px 0}.observed-panel .eyebrow{font-size:9px;line-height:1.7}.point-info{overflow-wrap:anywhere}.rain-legend{line-height:1.8}.rain-legend .key{white-space:normal}.map-legend:empty{display:none}
.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.workspace>.panel{margin-bottom:0}.workspace{margin-bottom:26px}.metrics{gap:10px}.metrics strong{font-size:25px;letter-spacing:-.6px;overflow-wrap:anywhere}.metrics label{font-size:9px;letter-spacing:.8px}.scene{font-size:11px;line-height:1.8}.scene a{overflow-wrap:anywhere}.planning-card{background:#f8fbfe;padding:18px}.planning-card h3{font-size:15px}.planning-card p{font-size:12px}.cities .controls{flex-wrap:wrap}.cities input{font-size:12px;min-width:160px}.cities .tablewrap{margin-top:8px}.cities th{font-size:9px;letter-spacing:.7px}.cities td{font-size:12px;padding:17px 13px}.cities td small{font-size:10px}.event{font-size:12px;overflow-wrap:anywhere}.event p{font-size:12px}.event .badge{display:inline-block;margin-top:6px}
.community-panel{border-top:3px solid #1375c9;background:linear-gradient(180deg,#f7fbff,white 230px)}
.community-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr);gap:25px;align-items:start}.community-compose,.community-feed{min-width:0}.community-compose{border:1px solid #dbe7f2;border-radius:13px;padding:20px;background:#f7fbff}.community-compose h3,.community-feed h3{font-size:17px;margin:0 0 12px}.community-compose form{display:block;margin:0}.community-compose p{font-size:11px;margin:8px 0;line-height:1.8}.community-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.community-field{min-width:0;display:grid;gap:7px;margin-bottom:13px}.community-field label,.community-counts label{font-size:10px;letter-spacing:.35px;color:#435f7c;line-height:1.7;font-weight:650}.community-field input,.community-field select,.community-field textarea{width:100%;font-size:13px;border-color:#cbddeb}.community-field textarea{min-height:125px}.community-field small{font-size:10px;line-height:1.7}.community-field input[type=file]{padding:10px;background:#fff;font-size:11px;line-height:1.7;width:100%}.community-field input[type=file]::file-selector-button{border:1px solid #c9dcea;border-radius:6px;background:#f0f7fe;padding:6px 9px;color:#1d577f;cursor:pointer;margin-right:9px;font-family:inherit}
.community-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px 0;margin:5px 0 16px;border-top:1px solid #dce8f3;border-bottom:1px solid #dce8f3}.community-counts .community-field{margin:0}.community-counts input{width:100%;font-size:14px}.community-counts strong{font-size:22px;margin:4px 0}.community-counts input::placeholder{font-size:10px}.community-counts label{font-size:9px;line-height:1.6}
.community-location-actions,.community-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:11px 0}.community-location-actions button{font-size:11px;background:#fff;padding:10px 12px}.community-form-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#126ab4;border-color:#126ab4;color:white;padding:11px 18px;font-size:12px}.community-form-actions>button:hover{background:#0c568e}.community-form-actions>button[type=reset]{background:#fff;color:#285a7f;border-color:#c3d7e9}.community-form-actions small{font-size:10px;line-height:1.7}
.community-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.community-toolbar h3{margin:0;font-size:17px}.community-filter-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.community-filter-controls select,.community-filter-controls input{font-size:11px;min-height:40px;padding:8px 10px;min-width:0;max-width:100%}.community-filter-controls button{font-size:11px;min-height:40px}.community-status{background:#edf5ff;border:1px solid #d4e5f3;border-radius:10px;padding:12px 14px;color:#386184;font-size:11px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.community-status.error{color:#8c4b2b;background:#fff6ec;border-color:#efdbc1}.community-note{font-size:11px;line-height:1.8;color:#5a738c}.community-note a{font-weight:600}.community-empty{padding:27px 22px;border:1px dashed #bacee1;border-radius:12px;background:#f9fcff;color:#607b95;font-size:12px;line-height:1.8}
.community-card{border:1px solid #d4e2ef;border-radius:13px;overflow:hidden;padding:19px;margin-bottom:15px;background:#fff;box-shadow:0 3px 10px #143b5c04;min-width:0;overflow-wrap:anywhere}.community-card-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.community-card-head h3{font-size:16px;line-height:1.5;margin:0 0 4px}.community-card-head strong{font-size:16px;line-height:1.5;margin:0;letter-spacing:-.2px}.community-card-head small{display:block;font-size:10px;line-height:1.8;color:#607990}.community-card p{font-size:12px;line-height:1.8;white-space:pre-wrap;color:#49637b}.community-badge{display:inline-flex;align-items:center;border-radius:20px;font-size:9px;font-weight:650;padding:5px 9px;background:#eaf4fc;border:1px solid #c9dfef;color:#24587e;line-height:1.5}.community-card .badge{font-size:9px}.community-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 0;margin:13px 0;border-top:1px solid #e1eaf4;border-bottom:1px solid #e1eaf4}.community-metrics>div,.community-metrics>span{background:#f6faff;padding:10px 9px;border-radius:8px;font-size:10px;min-width:0;color:#5a7289}.community-metrics b,.community-metrics strong{display:block;font-size:18px;color:#18466a;line-height:1.4;margin:3px 0;letter-spacing:-.4px}.community-metrics small{font-size:9px}.community-card .links{gap:10px;font-size:11px;margin-top:12px}.community-card button{font-size:11px}.community-card details{margin-top:14px;border-top:1px solid #e0eaf3;padding-top:12px}.community-card summary{cursor:pointer;font-size:11px;font-weight:650;color:#1d5a89;line-height:1.8}
.community-media,.community-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;min-width:0}.community-media:has(> :only-child),.community-preview:has(> :only-child){grid-template-columns:1fr}.community-media>figure,.community-preview>figure{margin:0;min-width:0;border:1px solid #dde8f3;background:#f5f9fd;border-radius:9px;overflow:hidden}.community-media img,.community-media video,.community-preview img,.community-preview video{display:block;width:100%;max-width:100%;height:auto;max-height:330px;object-fit:contain;background:#edf3f9;border-radius:8px}.community-media figcaption,.community-preview figcaption{font-size:9px;padding:7px 9px;color:#5f7790;overflow-wrap:anywhere;line-height:1.7}.community-media a{display:block}.community-media audio{max-width:100%}.community-preview button{font-size:10px;margin:7px;min-height:34px;padding:7px 10px}
.community-comments{margin-top:17px;border-top:1px solid #e0eaf3;padding-top:12px}.community-comments h4{font-size:12px;margin:0 0 12px;color:#234e72}.community-comment{padding:12px 13px;background:#f5f9fe;border:1px solid #e3ecf5;border-radius:9px;margin:8px 0;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.community-comment strong,.community-comment b{font-size:11px;letter-spacing:0;margin:0;line-height:1.8}.community-comment small{font-size:9px;line-height:1.8}.community-comment p{margin:4px 0;font-size:11px}.community-comments form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:13px 0 0}.community-comments form label{grid-column:1/-1;font-size:10px;letter-spacing:0}.community-comments input,.community-comments textarea{font-size:12px;min-width:0;width:100%}.community-comments textarea{grid-column:1/-1;min-height:72px}.community-comments button{font-size:11px}
.private-notes{background:#f7fbff;padding:20px 25px}.private-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer}.private-notes>summary::-webkit-details-marker{display:none}.private-notes>summary .eyebrow{display:block;font-size:9px;margin-bottom:4px}.private-notes>summary b{display:block;font-size:15px;color:#264f70}.details-hint{font-size:11px;color:#326f9e;white-space:nowrap}.details-hint:after{content:' +';font-size:17px;margin-left:6px}.private-notes[open] .details-hint:after{content:' −'}.private-notes>p{font-size:12px;margin-top:20px}.private-notes form{gap:10px}.private-notes input,.private-notes select{font-size:12px}.private-notes .logitem{font-size:12px;overflow-wrap:anywhere}
.method{max-width:none;border-top:1px solid #d5e3ef;padding:23px 8px 30px;margin-top:8px}.method h3{font-size:17px;margin:0 0 12px}.method p{font-size:11px;max-width:1150px;line-height:1.9}.method .links{font-size:11px;gap:12px 23px}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr) auto;align-items:start;gap:30px;padding:28px 8px 33px;margin-top:0;letter-spacing:0;border-top-color:#d0e0ed;font-size:11px;line-height:1.8}.footer-brand>b{font-size:16px;color:#204d72;letter-spacing:-.25px}.footer-brand p{font-size:11px;margin:7px 0 2px}.footer-brand small{font-size:10px;line-height:1.8}.footer-contact p{font-size:11px;margin:0 0 8px;line-height:1.8}.footer-contact strong{font-size:12px;display:inline;margin:0;letter-spacing:0;color:#244f71}.footer-contact>a{display:block;margin:4px 0;font-size:11px}.back-top{white-space:nowrap;font-size:11px;padding:5px 0}.mobile-bottom-nav{display:none}
@media(min-width:1201px){.daily-summary-grid{grid-template-columns:minmax(285px,1.55fr) repeat(4,minmax(0,1fr))}.weather-stat{padding:19px 15px}.weather-stat strong{font-size:25px}}
@media(max-width:1190px){.site-header{padding:15px 24px;gap:16px}.brand-title{font-size:16px}.brand-subtitle{letter-spacing:1.2px;font-size:7px}.brand-mark{width:43px;height:43px}.topnav a{padding:9px 8px;font-size:11px}.topnav{gap:2px}.intro{gap:30px;padding:34px}.hero-specs{gap:8px 12px;font-size:9px}.map-controls{grid-template-columns:200px 195px minmax(0,1fr)}.community-layout{grid-template-columns:minmax(270px,.95fr) minmax(0,1fr);gap:20px}.community-compose{padding:17px}.community-filter-controls{width:100%}}
@media(max-width:960px){.site-header{min-height:77px}.topnav{position:absolute;top:100%;left:20px;right:20px;background:#0d2e52;padding:14px;border:1px solid #325877;border-radius:0 0 13px 13px;box-shadow:0 12px 20px #071b3330;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.topnav.open,.topnav.is-open{display:grid}.topnav a{padding:12px 10px;font-size:12px;white-space:normal;text-align:center}.header-actions .nav-toggle{display:inline-flex}.site-header .brand{margin-right:auto}.intro{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);padding:30px;gap:23px}.intro h1{font-size:41px}.intro>div>p{font-size:12px}.hero-actions{gap:10px}.hero-actions>a{font-size:11px;padding:10px 12px}.enso-card{padding:21px}.enso-card h2{font-size:19px}.stats>div{padding:18px 20px}.stats strong{font-size:30px}.stats label{letter-spacing:.8px;font-size:8px}.stats small{font-size:9px}.workspace{grid-template-columns:1fr;gap:23px}.map-controls{grid-template-columns:1fr 1fr}.daycontrol{grid-column:1/-1}.mapbody{grid-template-columns:165px minmax(0,1fr)}.mapframe #map{height:510px}.map-context-panel{grid-template-columns:1fr}.map-context-links{justify-content:flex-start}.community-layout{grid-template-columns:1fr}.community-compose{padding:22px}.community-field-grid{gap:16px}.community-feed{border-top:1px solid #dbe7f2;padding-top:23px}.community-filter-controls{width:auto}.site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.back-top{grid-column:1/-1}}
@media(max-width:720px){main{padding:22px 18px 0}.site-header{padding:12px 18px;gap:12px;min-height:73px}.brand-title{font-size:15px}.brand-subtitle{font-size:7px;letter-spacing:1px}.brand-mark{width:40px;height:40px}.brand{gap:10px}.header-actions{gap:7px}.header-actions #refresh{width:40px;height:40px;min-height:40px;padding:8px}.header-actions #refresh>span{display:none}.header-actions .nav-toggle{width:40px;min-height:40px;padding:8px}.intro{grid-template-columns:1fr;gap:24px;padding:29px;border-radius:19px}.intro h1{font-size:43px;letter-spacing:-1.6px}.intro>div>p{font-size:13px;max-width:none}.hero-actions{margin:21px 0}.hero-actions>a{font-size:12px}.hero-specs{font-size:10px}.enso-card{padding:21px 24px}.enso-heading{margin-bottom:11px}.enso-card h2{font-size:20px}.enso-card p{font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.stats>div{padding:18px 20px;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(n+3){border-bottom:0}.stats label{font-size:9px;letter-spacing:1px}.stats strong{font-size:30px}.stats small{font-size:10px}.panel{padding:23px;margin-bottom:22px}.sectionhead{align-items:flex-start;flex-wrap:wrap;gap:13px}h2,.daily-panel .sectionhead h2{font-size:23px}.daily-panel .controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#daily-city{min-width:0;width:100%;font-size:13px}#hourly-export{font-size:10px;padding:10px}.daily-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weather-hero{grid-column:1/-1;padding:22px;min-height:155px}.weather-stat{padding:17px}.weather-stat strong{font-size:26px}.day-tab{flex-basis:86px;min-width:86px}.hourly-grid,.hourly-metrics,.weather-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hour-metric{padding:13px}.hour-metric b,.hour-metric strong{font-size:20px}.livebar{display:block;margin:12px 3px 16px}.livebar #next-refresh{display:block;margin-top:3px}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed{padding:11px}.feed>b{font-size:10px}.feed small{font-size:9px}.mapbody{grid-template-columns:1fr;gap:12px}#citynav{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;gap:7px;padding:3px 2px 9px}.city-choice{min-width:158px;max-width:190px;min-height:64px;white-space:normal}.mapframe #map{height:480px}.map-controls{margin-top:18px;gap:15px}.map-layer-controls{padding:13px;gap:10px 20px}.map-legend{grid-template-columns:1fr}.observed-controls>div,.observed-controls>label{flex-basis:100%}.observed-panel .sectionhead>label{font-size:11px}.observed-panel{padding:16px}.map-context-panel{padding:17px}.map-context-links>a{flex:1 1 auto}.rain-legend{font-size:9px;gap:6px 12px}.community-compose{padding:18px}.community-field-grid{gap:13px}.community-toolbar{align-items:flex-start}.community-filter-controls{width:100%;gap:8px}.community-filter-controls select{flex:1 1 130px}.community-card{padding:17px}.community-counts{gap:8px}.community-form-actions>button{min-height:45px}.community-comments form{grid-template-columns:minmax(0,1fr) auto}.community-metrics{gap:7px}.private-notes{padding:18px 22px}.private-notes>summary b{font-size:14px}.private-notes form>*{flex:1 1 160px}.private-notes #summary{min-width:0;flex-basis:100%}.method{padding:21px 3px 24px}.site-footer{padding:25px 3px 35px;gap:25px}.footer-contact p{font-size:10px}.footer-contact>a{font-size:10px}}
@media(max-width:600px){body{padding-bottom:calc(67px + env(safe-area-inset-bottom,0px))}main{padding:18px 14px 0}.site-header{padding:11px 14px}.brand-title{font-size:14px}.brand-subtitle{font-size:6px;letter-spacing:.85px}.brand-mark{width:38px;height:38px}.header-actions{gap:6px}.header-actions button{border-radius:8px}.brand{gap:8px}.topnav{left:14px;right:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:11px}.topnav a{font-size:12px;min-height:44px}.intro{padding:25px;gap:22px}.intro h1{font-size:39px;letter-spacing:-1.4px}.hero-kicker{font-size:9px;letter-spacing:1.3px}.intro>div>p{font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:21px 0}.hero-actions>a{justify-content:center;font-size:12px;min-height:45px}.hero-specs{gap:8px 12px;font-size:9px}.enso-card{padding:20px}.enso-card h2{font-size:18px}.enso-card p{font-size:11px}.enso-heading .eyebrow{font-size:8px}.panel{padding:20px 17px;border-radius:13px;margin-bottom:20px}.stats>div{padding:16px 18px}.stats label{font-size:8px;letter-spacing:.9px}.stats strong{font-size:28px}.stats small{font-size:9px}.sectionhead h2,h2,.daily-panel .sectionhead h2{font-size:21px}.sectionhead .eyebrow{font-size:9px;letter-spacing:1px}.sectionhead button{font-size:11px;min-height:42px}.daily-panel .controls{grid-template-columns:1fr}.daily-panel .controls #hourly-export{font-size:11px;min-height:42px}.weather-hero{padding:19px}.weather-hero .weather-hero-main{gap:8px}.weather-hero .weather-icon{width:67px;height:67px}.weather-hero .daily-date-badge{font-size:9px;padding:5px 8px}.weather-hero h3{font-size:16px}.weather-hero-temperature{font-size:39px}.weather-stat{padding:15px 13px;min-width:0}.weather-stat strong{font-size:24px;overflow-wrap:anywhere}.weather-stat>label,.weather-stat .eyebrow{font-size:8px;letter-spacing:.5px}.weather-stat small,.weather-stat p{font-size:10px}.hour-metric{padding:12px}.hour-metric label{font-size:8px;letter-spacing:.7px}.hour-metric b,.hour-metric strong{font-size:20px;overflow-wrap:anywhere}.hourly-header h3{font-size:14px}.hourly-time-caption{font-size:10px}.feed-grid{grid-template-columns:1fr;gap:8px}.feed{padding:12px 13px}.feed>b{font-size:11px}.feed small{font-size:10px}.alerts-panel .alert-filters{display:grid;grid-template-columns:1fr;gap:10px}.alert-filters label{display:grid;gap:6px;font-size:9px;letter-spacing:.7px}.alert-filters select{width:100%;font-size:12px}#alerts-notify{min-height:44px}.alert-metrics>span{padding:15px 13px;font-size:10px}.alert-metrics b{font-size:27px}.alert-card{padding:16px 14px}.alert-card h3{font-size:16px}.alert-card p{font-size:11px}.alert-card .alert-guidance{font-size:10px}.map-controls{grid-template-columns:1fr 1fr;gap:13px 10px;margin-top:18px}.map-controls label{font-size:8px;letter-spacing:.9px;line-height:1.6}.map-controls select{font-size:11px;padding:10px;min-height:44px}.daycontrol{gap:4px!important}.mapframe #map{height:420px;min-height:340px}.city-choice{min-width:151px;min-height:65px}.city-choice b{font-size:12px}.city-choice small{font-size:9px}.observed-panel{padding:14px 12px}.observed-panel h3{font-size:15px}.observed-controls button{width:100%;min-height:44px;font-size:11px}.observed-controls select{font-size:11px;min-height:44px}.observed-legend{font-size:10px;line-height:1.8;padding:10px}.map-context-panel{padding:15px}.map-context-panel h3{font-size:14px}.map-context-panel p{font-size:10px}.map-context-links>a{flex-basis:100%;font-size:11px;min-height:44px}.map-layer-controls{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}.map-layer-controls label{font-size:11px;line-height:1.6}.rain-legend b{width:100%}.point-info{padding:13px;font-size:11px}.note{font-size:10px;line-height:1.8}.metrics{gap:8px}.metrics label{font-size:8px;letter-spacing:.5px;line-height:1.6;display:block}.metrics strong{font-size:20px;letter-spacing:-.6px}.charthead{gap:10px;align-items:center}.charthead h3{font-size:14px}.charthead span{font-size:9px;text-align:right;max-width:50%}.bars{gap:3px}.barcol em{font-size:8px}.barcol span{font-size:8px}.scene{grid-template-columns:1fr;font-size:11px}.scene small{grid-column:auto;font-size:10px}.links{gap:12px 17px;font-size:11px}.planning-card{padding:15px}.planning-card p{font-size:11px}.cities .controls{display:grid;grid-template-columns:1fr;width:100%}.cities .controls input,.cities .controls button{width:100%;font-size:12px;min-height:44px}.community-panel .pill{font-size:10px}.section-intro{font-size:12px;margin:13px 0 19px}.community-layout{gap:20px}.community-compose{padding:16px 13px;border-radius:11px}.community-compose h3,.community-feed h3{font-size:16px}.community-field-grid{gap:11px}.community-field label{font-size:10px;letter-spacing:0}.community-field input,.community-field select,.community-field textarea,.community-counts input,.community-comments input,.community-comments textarea{font-size:16px}.community-field input[type=file]{font-size:10px;padding:9px}.community-field input[type=file]::file-selector-button{padding:8px;font-size:11px}.community-counts{gap:7px}.community-counts label{font-size:8px;line-height:1.7}.community-counts input{padding:9px}.community-location-actions{display:grid;grid-template-columns:1fr}.community-location-actions button{font-size:11px;min-height:44px}.community-form-actions{display:grid;grid-template-columns:1fr;gap:9px}.community-form-actions button{width:100%;min-height:44px}.community-form-actions small{font-size:10px}.community-status{font-size:10px;padding:11px 12px}.community-toolbar{gap:11px}.community-filter-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.community-filter-controls select,.community-filter-controls input{font-size:12px;min-height:44px;max-width:100%}.community-filter-controls button{font-size:11px;min-height:44px}.community-card{padding:15px 13px;border-radius:11px}.community-card-head{gap:8px}.community-card-head h3,.community-card-head strong{font-size:15px}.community-card p{font-size:11px}.community-card-head small{font-size:9px}.community-metrics{gap:5px;margin:11px 0;padding:11px 0}.community-metrics>div,.community-metrics>span{padding:9px 7px;font-size:9px}.community-metrics strong,.community-metrics b{font-size:18px}.community-metrics small{font-size:8px}.community-media,.community-preview{grid-template-columns:1fr;gap:9px}.community-media img,.community-media video,.community-preview img,.community-preview video{max-height:330px}.community-comments form{grid-template-columns:1fr}.community-comments button{width:100%;min-height:44px}.community-comments textarea{min-height:92px}.community-comment{padding:11px;font-size:10px}.private-notes{padding:17px}.private-notes>summary{align-items:flex-start}.private-notes>summary b{font-size:13px;line-height:1.6}.details-hint{font-size:9px;white-space:normal;flex-shrink:0;max-width:75px;text-align:right}.private-notes>summary .eyebrow{font-size:8px}.private-notes form{display:grid;grid-template-columns:1fr}.private-notes form input,.private-notes form select{width:100%;min-width:0!important;font-size:16px}.private-notes .logitem{font-size:11px}.private-notes .logitem button{float:none;margin-bottom:9px}.site-footer{grid-template-columns:1fr;gap:21px;padding:25px 3px 26px}.footer-brand>b{font-size:15px}.footer-brand small{font-size:9px}.footer-contact p{font-size:11px}.footer-contact>a{font-size:11px;margin:6px 0;display:inline-flex;min-height:32px;align-items:center;margin-right:15px}.back-top{grid-column:auto;font-size:11px;min-height:36px;align-self:start}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:1200;background:#fffefc;border-top:1px solid #d9e5ef;padding:7px 9px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 18px #0a2d510a;min-height:65px}.mobile-bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#426784;min-height:48px;border-radius:9px;font-size:9px;font-weight:650;letter-spacing:.1px;text-decoration:none}.mobile-bottom-nav>a:hover,.mobile-bottom-nav>a:focus-visible{background:#eaf5fe;color:#126ab4}.mobile-bottom-nav svg{width:22px;height:22px}.mobile-bottom-nav>a:last-child{color:#116db6;background:#edf6ff}.mobile-bottom-nav>a:last-child:hover{background:#dceeff}#daily-panel,#map-panel,#alerts-panel,#watchlist,#community-panel,#top{scroll-margin-top:88px}}
@media(max-width:375px){main{padding-left:11px;padding-right:11px}.site-header{padding-left:11px;padding-right:11px;gap:7px}.brand-title{font-size:12px}.brand-subtitle{font-size:5.8px;letter-spacing:.65px}.brand-mark{width:34px;height:34px}.brand{gap:7px}.header-actions #refresh{width:35px}.header-actions .nav-toggle{width:35px}.header-actions{gap:5px}.intro{padding:22px}.intro h1{font-size:35px}.panel{padding:18px 14px}.stats>div{padding:15px}.stats label{font-size:7px}.stats small{font-size:8px}.weather-hero{padding:16px}.weather-hero .weather-icon{width:57px;height:57px}.weather-hero .daily-date-badge{font-size:8px}.weather-hero h3{font-size:15px}.community-field-grid{grid-template-columns:1fr}.community-counts{gap:5px}.community-counts label{font-size:8px}.community-counts input{padding:8px}.community-counts input::placeholder{font-size:9px}.community-card{padding:13px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.skip-link{transition:none}}
@media print{body{padding:0;background:white}.site-header{position:static;background:white;color:#153653;border-bottom:1px solid #bbcddd;box-shadow:none}.brand-title{color:#153653}.brand-subtitle{color:#59718d}.topnav,.header-actions,.mobile-bottom-nav,.hero-actions,.skip-link,.community-compose,.community-filter-controls,.community-comments form,.back-top{display:none!important}main{max-width:none;padding:18px 0}.intro{background:#f5f9fc;border:1px solid #cadbe8;color:#153653;box-shadow:none;padding:22px;grid-template-columns:1.5fr 1fr;min-height:0}.intro h1{color:#153653;font-size:34px}.intro p,.hero-kicker,.hero-specs{color:#59718d}.enso-card{background:white;border-color:#d3dfeb}.enso-card h2{color:#153653}.enso-card p,.enso-card small,.enso-heading .eyebrow{color:#59718d}.panel,.stats,.community-card{box-shadow:none;break-inside:avoid}.community-layout{grid-template-columns:1fr}.community-feed{border:0;padding:0}.community-media video{display:none}.site-footer{display:grid;grid-template-columns:1fr 1fr}.mapframe #map{height:360px}}
