:root{--blue:#246cda;--navy:#142b4a;--text:#24394f;--muted:#8491a3;--line:#e8edf4;--bg:#f4f7fb;--light:#edf4fe;--shadow:0 3px 16px #1a396207}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}input,select{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7ab3ff;outline-offset:3px}button{transition:background .15s,box-shadow .15s}a:hover{color:var(--blue)}p{margin:0 0 14px}h1,h2,h3{color:var(--navy);line-height:1.3}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;margin:4px 0 7px}h2{font-size:17px;font-weight:650;letter-spacing:-.35px;margin:0}h3{font-size:15px;font-weight:600;margin:0 0 14px}small{font-size:11px}strong,b{font-weight:650}em{font-style:normal;color:var(--muted);font-weight:400}.container{max-width:1260px;margin:0 auto;padding-left:30px;padding-right:30px}.header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:50}.topbar{max-width:1260px;padding:24px 30px 22px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:25px;font-weight:750;letter-spacing:-1px;flex-shrink:0;line-height:1.1}.brand-light{font-weight:400}.brand small{display:block;letter-spacing:.4px;font-size:9px;font-weight:400;color:var(--muted);margin-top:6px}.brand-mark{background:var(--blue);color:white;width:41px;height:44px;border-radius:13px 13px 13px 3px;display:grid;place-items:center}.search{max-width:400px;flex:1;margin-left:auto;position:relative;display:flex;align-items:center;background:#f4f7fb;border:1px solid var(--line);border-radius:8px;padding:0 14px;height:43px;color:#96a1af;gap:9px}.search input{background:none;border:0;outline:0;width:100%;color:var(--text);font-size:12px}.search kbd{border:1px solid #dfe5ed;background:white;min-width:19px;text-align:center;border-radius:3px;font:12px inherit}.search-results{position:absolute;top:49px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px #16294b1a;border-radius:10px;padding:12px;z-index:200}.search-results>small{padding:0 7px;text-transform:uppercase;letter-spacing:1px;font-size:10px}.search-results button{background:transparent;border:0;display:flex;align-items:center;gap:10px;width:100%;padding:11px 8px;text-align:left;border-radius:5px;font-size:13px}.search-results button:hover{background:var(--light)}.search-results button>span{flex:1}.search-results small{display:block;color:var(--muted)}.search-results p{font-size:12px;padding:8px}.location-button{border:0;background:transparent;color:var(--blue);display:flex;align-items:center;gap:7px;font-size:12px}.mobile-menu{display:none!important}.main-nav{border-top:1px solid #f0f3f7}.nav-inner{max-width:1260px;padding:0 30px;margin:auto;display:flex;align-items:stretch;gap:27px;font-size:12px;font-weight:500}.nav-inner>a,.nav-dropdown>summary{padding:17px 0;display:flex;gap:5px;align-items:center;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.nav-inner>a.active{color:var(--blue);border-bottom-color:var(--blue)}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown[open] summary{color:var(--blue)}.dropdown-menu{position:absolute;top:53px;left:-15px;min-width:220px;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #16294b18;padding:8px;border-radius:8px;z-index:100}.dropdown-menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 9px;border-radius:4px}.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--light);color:var(--blue)}.rain-nav{margin-left:auto;color:var(--blue)}.favorites{border-bottom:1px solid var(--line);background:#fbfcfe;color:#7e8da1}.favorite-inner{height:42px;display:flex;align-items:center;gap:12px;font-size:11px}.favorite-inner button{background:none;border:0;display:flex;align-items:center;gap:6px;font-size:11px;color:#526783;padding:0}.today-date{margin-left:auto}.main{padding-top:28px;padding-bottom:36px;min-height:70vh}.breadcrumb{color:#8997a9;font-size:11px;display:flex;gap:10px;align-items:center;margin-bottom:12px}.heading-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-heading p{color:#7b8ba1;font-size:13px;margin:0}.page-heading{margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;background:white;border:1px solid #dfe7f0;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap}.button:hover{background:#f0f5fd;border-color:#a6c7f3;color:var(--blue)}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.favorite-button.saved{color:var(--blue);background:#eaf2ff;border-color:#c5dcfa}.favorite-button.saved svg{fill:#bcd7ff}.icon-button{border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;width:29px;height:29px;font-size:22px}.page-tabs{border-bottom:1px solid #dfe7f0;display:flex;align-items:center;gap:27px;margin-bottom:24px;font-size:12px}.page-tabs a{padding:0 0 14px;border-bottom:2px solid transparent;white-space:nowrap}.page-tabs a.active{color:var(--blue);border-color:var(--blue);font-weight:600}.refresh-link{border:0;background:none;color:var(--muted);margin-left:auto;font-size:11px;display:flex;align-items:center;gap:6px;padding:0 0 14px}.hero-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:20px;margin-bottom:18px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:23px;box-shadow:var(--shadow);margin-bottom:22px}.hero-grid .panel{margin-bottom:0}.current-card{border-radius:12px;padding:22px 26px 21px;overflow:hidden;color:white;background:radial-gradient(ellipse at 80% 25%,#468beb 0,transparent 65%),linear-gradient(120deg,#1d57b3,#2b75da);position:relative}.current-card:before{content:'';position:absolute;inset:0;opacity:.2;background:radial-gradient(ellipse at 120% 0,transparent 45%,#89baff 45.3%,transparent 45.6%),radial-gradient(ellipse at 120% 0,transparent 60%,#89baff 60.3%,transparent 60.6%);pointer-events:none}.current-top{display:flex;justify-content:space-between;align-items:center;color:#d4e5ff;font-size:10px;position:relative}.live-badge{display:flex;align-items:center;gap:7px;background:#ffffff16;border:1px solid #ffffff23;border-radius:20px;padding:4px 10px;font-size:10px}.live-badge i,.data-badge i{width:5px;height:5px;border-radius:50%;background:#8be7c5}.current-main{display:flex;align-items:center;justify-content:space-between;padding:19px 13px 20px 0;position:relative}.temperature{font-size:76px;letter-spacing:-5px;line-height:1.05;font-weight:350}.temperature span{font-size:61px;vertical-align:top;font-weight:300}.current-main h2{color:white;font-size:18px;font-weight:500;margin:9px 0 6px}.current-main p{font-size:11px;color:#d2e5ff;margin:0}.current-main p span{padding:0 6px}.hero-weather{filter:drop-shadow(0 12px 14px #174e9a30)}.current-metrics{border-top:1px solid #ffffff25;padding-top:18px;display:grid;grid-template-columns:1fr 1fr 1.12fr;position:relative;gap:10px}.current-metrics>div{display:flex;align-items:center;gap:10px}.current-metrics svg{color:#bcdcff;flex-shrink:0}.current-metrics span{font-size:10px;color:#c4ddff}.current-metrics strong{display:block;color:white;font-size:17px;margin-top:2px;white-space:nowrap}.current-metrics strong small{font-size:10px;color:#c5dcfb;font-weight:400;margin-left:3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-head p{color:var(--muted);font-size:11px;margin:4px 0 0}.small-icon{width:33px;height:33px;border-radius:9px;background:#eef5ff;display:inline-grid;place-items:center;color:var(--blue);flex-shrink:0}.summary-text{font-size:13px;line-height:1.9;color:#6d7e94;max-width:340px}.day-summary{display:flex;flex-direction:column}.day-summary .section-head{margin-bottom:11px}.day-parts{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 18px}.day-parts>div{display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid var(--line);font-size:11px;color:var(--muted)}.day-parts>div:last-child{border:0}.day-parts strong{font-size:21px;color:var(--navy);font-weight:500}.inline-link{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:11px;margin-top:auto}.notice{display:flex;align-items:center;gap:10px;background:#edf3fc;border:1px solid #dde8fa;border-radius:7px;padding:12px 16px;font-size:11px;color:#5c769d;margin-bottom:22px}.notice svg{flex-shrink:0;color:#5684c4}.notice a{margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--blue);white-space:nowrap}.content-grid{display:grid;grid-template-columns:minmax(0,2.06fr) minmax(260px,1fr);gap:22px}.main-column,aside{min-width:0}.segments{display:inline-flex;gap:2px;padding:3px;background:#f2f5f9;border-radius:6px;font-size:10px;flex-shrink:0}.segments button{border:0;background:transparent;border-radius:4px;padding:5px 10px;color:#7f8b9b;white-space:nowrap}.segments button.selected{color:var(--blue);background:white;box-shadow:0 1px 4px #17365810;font-weight:600}.view-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.view-tools>.segments{background:none;padding:0}.view-tools>.segments button.selected{background:#eaf2ff;box-shadow:none}.view-tools .icon-button{margin-left:5px}.hour-scroll{display:flex;overflow-x:auto;gap:0;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#dce6f4 transparent}.hour-card{min-width:82px;flex:1;display:flex;align-items:center;flex-direction:column;padding:12px 8px;gap:8px;scroll-snap-align:start;border-right:1px solid #f0f3f8;font-size:10px;color:#798aa0}.hour-card:first-child{background:#eff5ff;border-radius:7px}.hour-card>small{font-size:9px}.hour-card>strong{font-size:23px;font-weight:500;color:var(--navy)}.hour-card>.blue{display:flex;align-items:center;gap:3px;font-size:10px}.blue{color:var(--blue)}.source-line{font-size:10px;color:#92a0b2;margin:13px 0 0;line-height:1.7}.daily-mini{display:grid;grid-template-columns:repeat(7,1fr);margin:10px 0 14px}.daily-mini>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px}.daily-mini b{font-size:18px;font-weight:500}.daily-mini small{color:var(--muted)}.chart svg{width:100%;display:block;overflow:visible}.chart-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--muted);min-height:21px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:3px}.chart-legend b{color:var(--navy)}.rain-big{font-size:44px;color:var(--blue);line-height:1.1;font-weight:500;letter-spacing:-1.5px}.rain-big>span{font-size:18px;padding-left:6px;letter-spacing:0;font-weight:400}.rain-big small{display:block;font-size:10px;color:var(--muted);letter-spacing:0;margin-top:8px}.probability{display:flex;justify-content:space-between;font-size:11px;margin:20px 0 9px}.probability strong{color:var(--blue)}.progress{height:5px;border-radius:6px;background:#edf2f8;overflow:hidden;margin-bottom:16px}.progress>span{background:var(--blue);height:100%;display:block}.wide-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--blue);border-top:1px solid var(--line);margin-top:10px;padding-top:15px}.radar-preview{display:block;position:relative;overflow:hidden;border-radius:7px;background:#eaf0f5;min-height:180px}.radar-preview img{width:100%;height:190px;object-fit:cover;display:block}.radar-open{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:white;box-shadow:0 3px 15px #17345c20;border-radius:5px;padding:8px 11px;font-size:10px;display:flex;gap:6px;align-items:center;color:var(--blue)}.radar-placeholder{height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#87a6cd;gap:10px;font-size:11px;background:repeating-linear-gradient(30deg,#e4edf5 0,#e4edf5 1px,transparent 1px,transparent 28px),#edf3f8}.sun-arc svg{width:100%;display:block}.sun-times{display:flex;justify-content:space-between;padding:0 12px}.sun-times>div{display:grid;grid-template-columns:20px auto;gap:3px 7px}.sun-times svg{grid-row:span 2;color:#d1a74a}.sun-times strong{font-size:16px}.sun-times small{color:var(--muted);font-size:10px}.explore-card{padding:23px;border-radius:10px;background:#eaf1fa;border:1px solid #dce7f5;margin-bottom:22px;color:#6684ad}.explore-card h3{margin:14px 0 8px}.explore-card p{font-size:12px;line-height:1.8}.explore-card a{color:var(--blue);display:flex;align-items:center;gap:6px;font-size:11px}.day-details{border-bottom:1px solid var(--line)}.day-details:last-child{border:0}.day-details summary{display:flex;align-items:center;gap:13px;padding:12px 0;cursor:pointer;list-style:none}.day-details summary>span:nth-child(2){flex:1}.day-details small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.day-details strong{font-size:16px;font-weight:500}.day-details em{padding-left:8px}.rain-chance{min-width:37px;text-align:right;color:var(--blue);font-size:11px}.day-details p{font-size:12px;color:#738299;padding:0 12px 12px 50px;line-height:1.9}.comfort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.comfort-grid>div:not(:last-child){border-right:1px solid var(--line);padding-right:25px}.comfort-grid h3{display:flex;align-items:center;gap:8px;font-size:13px}.comfort-grid h3 svg{color:var(--blue)}.info-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:9px 0;border-bottom:1px solid #f0f3f8}.info-row>span{color:var(--muted)}.info-row strong{font-weight:500}.info-row small{font-weight:400;color:var(--muted);font-size:9px}.muted{color:var(--muted)}.small{font-size:11px;margin-top:12px}.comfort-metric{display:flex;flex-direction:column;gap:10px}.comfort-metric strong{font-size:25px;color:var(--blue)}.comfort-metric small{color:var(--muted)}.nearby{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nearby a{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:11px 14px;border-radius:6px;font-size:12px}.nearby a svg:first-child{color:#8ea7c5}.nearby a svg:last-child{margin-left:auto;color:var(--blue)}footer{background:white;border-top:1px solid var(--line);padding:35px 0 16px}.footer-top{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer-top .brand{font-size:21px}.footer-top .brand-mark{width:33px;height:35px;border-radius:9px 9px 9px 2px}.footer-top>p{font-size:11px;color:var(--muted);margin:0}.footer-top>div{margin-left:auto;display:flex;gap:18px;font-size:10px;color:#778aa2}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:14px;font-size:9px;color:#94a0b1}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:8px;background:#15375c;color:white;box-shadow:0 8px 40px #15375c30;z-index:1000;font-size:13px;max-width:90vw}.loading{display:flex;justify-content:center;align-items:center;gap:12px;min-height:180px;font-size:13px;color:#8495a9}.spinner{width:22px;height:22px;border:2px solid #dce8f9;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.loading-layout .loading{grid-column:span 2}.skeleton{height:300px;border-radius:11px;background:linear-gradient(105deg,#e3edf8,#f2f6fb,#e3edf8);background-size:200% 100%;animation:shimmer 2s infinite}.hero-skeleton{background:linear-gradient(120deg,#2e6abd,#548fe1);opacity:.7}@keyframes shimmer{to{background-position:-200% 0}}.errorbox{display:flex;align-items:flex-start;gap:14px;background:#fff8ee;border:1px solid #efdfc5;padding:22px;border-radius:9px;color:#826843;margin:15px 0}.errorbox strong{color:#735632}.errorbox p{font-size:12px;margin:6px 0 12px}.errorbox svg{flex-shrink:0}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;text-align:left}.table-wrap th{font-weight:500;color:var(--muted);background:#f7f9fc;padding:12px 14px}.table-wrap td{padding:12px 14px;border-bottom:1px solid var(--line)}.daily-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.daily-card{border:1px solid var(--line);border-radius:8px;padding:15px 5px;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:10px}.daily-card>small{color:var(--muted)}.daily-card strong{font-size:18px}.daily-card>span{font-size:9px;color:var(--blue);display:flex;gap:2px;align-items:center}.map-shortcuts{display:flex;gap:8px;overflow:auto;padding-bottom:15px;margin-bottom:8px;font-size:11px;scrollbar-width:thin}.map-shortcuts a{white-space:nowrap;padding:7px 12px;border:1px solid var(--line);background:white;border-radius:5px}.map-shortcuts a.active{color:var(--blue);background:#e5efff;border-color:#c4daf9}.map-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px}.control-group{display:flex;align-items:center;gap:16px}.control-group label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.control-group select{background:#f6f8fc;border:1px solid #e0e7f0;padding:7px 10px;border-radius:5px;color:var(--text);font-size:11px}.source-pill{font-size:10px;color:#7489a4}.map-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:20px}.map-panel{padding:0 0 15px;overflow:hidden}.station-map{height:520px;position:relative;background:#e8eef4}.leaflet-target{height:100%;width:100%;z-index:1}.map-home{position:absolute;top:12px;right:12px;z-index:5;box-shadow:0 2px 10px #1234561a}.map-label{color:white;min-width:39px;text-align:center;border:1.5px solid white;border-radius:5px;font-size:10px;font-weight:600;padding:3px 5px;box-shadow:0 2px 4px #0002}.map-bar{width:17px;position:absolute;bottom:0;box-shadow:5px 3px 0 #14498099;border:1px solid #ffffff70;transform:skewY(-12deg)}.map-bar>span{position:absolute;top:-20px;left:0;color:#164979;text-shadow:1px 1px white;font-size:10px;font-weight:700}.map-3d .leaflet-tile-pane{filter:saturate(.5)}.map-popup-button{background:#edf4ff;color:#246cda;border:0;padding:6px 8px;border-radius:4px;font-size:11px}.map-error,.map-no-data{position:absolute;z-index:6;background:white;padding:12px 20px;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;border-radius:6px;box-shadow:0 2px 15px #0001}.map-legend{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;padding:15px 20px 0}.map-legend div{width:200px;height:6px;background:linear-gradient(90deg,#8fc3f6,#1767c7,#034953);border-radius:5px}.map-panel>.source-line{padding:0 20px;text-align:center}.map-stats h2{font-size:15px}.stat-large{margin:23px 0 14px}.stat-large>small{color:var(--muted);display:block}.stat-large strong{font-size:35px;letter-spacing:-1px;color:var(--blue);font-weight:500}.stat-large strong span{font-size:13px;letter-spacing:0}.map-stats h3{font-size:12px;margin:23px 0 9px}.ranking{display:flex;align-items:center;gap:9px;font-size:10px;padding:7px 0}.ranking>span:first-child{color:#9ca9b8;width:15px}.ranking>span:nth-child(2){flex:1}.ranking b{color:var(--blue)}.station-table{max-height:460px}.table-search{display:flex;align-items:center;gap:9px;background:white;border:1px solid #dde6f1;border-radius:6px;max-width:360px;padding:9px 12px;margin-bottom:17px;color:#8e9eb2}.table-search input{background:none;border:0;outline:0;font-size:12px;width:100%}.empty{text-align:center;padding:25px;color:var(--muted);font-size:13px}.timeline{display:flex;align-items:center;gap:16px;padding:16px 20px 0;font-size:11px;color:var(--muted)}.timeline input{flex:1;accent-color:var(--blue);width:100%}.timeline label{display:flex;flex:1;align-items:center;gap:12px}.radar-panel{padding:20px}.data-badge{display:flex;align-items:center;gap:6px;font-size:11px}.data-badge i{background:#408cdb}.radar-panel .section-head>span:last-child{font-size:12px;color:var(--muted)}.radar-stage{max-height:630px;overflow:auto;background:#e6edf5;border-radius:8px;position:relative}.radar-stage>img{display:block;min-width:650px}.radar-zoom{position:sticky;top:10px;left:10px;display:flex;gap:5px;z-index:5;height:0;overflow:visible;padding:10px}.warning-text{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.9;color:#596f89}.severity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.severity-grid>div{display:flex;align-items:center;gap:8px;font-size:12px}.severity-grid i{width:9px;height:9px;border-radius:50%}.severity-grid span{font-size:10px;color:var(--muted)}.model-selector{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.model-selector .segments{font-size:12px;padding:4px}.model-selector .segments button{padding:9px 20px}.model-selector>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.rain-summary-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-bottom:23px}.rain-summary-primary{background:linear-gradient(120deg,#235dbc,#4387e4);border-radius:11px;padding:23px;color:white;position:relative}.rain-summary-primary>svg{position:absolute;right:23px;top:27px;color:#accdff}.rain-summary-primary>small{display:block;color:#c8dfff;font-size:11px}.rain-summary-primary>strong,.summary-stat>strong{display:block;font-size:41px;font-weight:400;letter-spacing:-1px;margin:10px 0}.rain-summary-primary strong span,.summary-stat strong span{font-size:18px;letter-spacing:0}.rain-summary-primary>p{color:#c8dfff;font-size:11px;margin:0}.summary-stat{margin:0;display:flex;flex-direction:column;justify-content:center}.summary-stat small{color:var(--muted)}.summary-stat>strong{color:var(--navy)}.summary-stat p{color:var(--muted);font-size:11px;margin:0}.rain-daily{display:flex;overflow:auto;gap:8px;padding-bottom:10px;scrollbar-width:thin}.rain-day{min-width:92px;border:1px solid var(--line);padding:13px 8px;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}.rain-day>small{font-size:9px;color:var(--muted)}.rain-day svg{color:#6c9edb;margin:7px 0}.rain-day strong{font-size:18px}.rain-day strong small{font-size:10px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scenario h3{font-size:14px;margin:14px 0}.scenario>strong{font-size:28px;color:var(--blue);font-weight:500}.scenario>strong small{font-size:15px}.scenario p{color:var(--muted);font-size:11px;margin:8px 0 0}.thresholds{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.thresholds label{margin-left:auto;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px}.thresholds input{width:65px;border:1px solid var(--line);border-radius:5px;padding:7px}.threshold-range{width:100%;accent-color:var(--blue);margin:4px 0 22px}.standalone-input{background:#f8fafc;border:1px solid var(--line);padding:8px 12px;border-radius:5px;font-size:11px}.table-prob{background:#edf4ff;color:var(--blue);padding:3px 7px;border-radius:4px}.faq{border-bottom:1px solid var(--line)}.faq:last-child{border:0}.faq summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer;font-size:13px;list-style:none}.faq p{color:var(--muted);font-size:12px;line-height:1.8;max-width:800px}.news-hero{display:grid;grid-template-columns:1.3fr 1fr;background:#e4eefd;border-radius:12px;overflow:hidden;margin-bottom:25px;min-height:300px}.news-hero>div:first-child{padding:37px}.eyebrow{display:block;color:#5182c4;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:600;margin-bottom:12px}.news-hero h2{font-size:29px;line-height:1.35;letter-spacing:-.8px;margin-bottom:15px;max-width:460px}.news-hero p{color:#69819f;font-size:13px;max-width:450px}.news-hero-art{position:relative;background:radial-gradient(ellipse at 80% 10%,#97beee,transparent 60%),linear-gradient(135deg,#d0e1f7,#a5c9f5);display:grid;place-items:center;overflow:hidden;color:#eff7ff}.news-hero-art>svg{filter:drop-shadow(0 20px 10px #4478b944);transform:rotate(12deg);stroke-width:1.1;z-index:1}.news-hero-art>span{position:absolute;width:380px;height:380px;border:1px solid #ffffff60;border-radius:50%;top:100px;left:-50px}.news-hero-art>span:last-child{width:450px;height:450px;top:65px;left:-85px}.news-filter{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.news-filter a{border:1px solid var(--line);background:white;border-radius:5px;padding:8px 12px;font-size:11px}.news-filter a.active{background:var(--blue);color:white;border-color:var(--blue)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.article-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #1a396211;color:inherit}.article-illustration{height:180px;background:linear-gradient(130deg,#b9d6f8,#e3effc);display:grid;place-items:center;position:relative;overflow:hidden;color:#477fbd}.article-illustration svg{z-index:1;stroke-width:1}.illustration-1{background:linear-gradient(120deg,#c8dced,#ecf4f9);color:#6c97ba}.illustration-2{background:linear-gradient(120deg,#b4cdea,#789dc9);color:#e5f3ff}.illustration-3{background:linear-gradient(120deg,#94b1d6,#bdd1e9)}.illustration-4{background:linear-gradient(120deg,#dae7d6,#aabfa7);color:#6d8e79}.art-circle{position:absolute;width:250px;height:250px;border:1px solid #fff8;border-radius:50%;left:50%;top:25%;box-shadow:0 0 0 30px #ffffff14,0 0 0 60px #ffffff14}.article-body{padding:22px}.article-body h2{font-size:18px;line-height:1.45;margin-bottom:10px;min-height:52px}.article-body p{font-size:12px;color:var(--muted);line-height:1.8}.article-body>div{display:flex;justify-content:space-between;color:#8a9bb1;font-size:10px;margin-top:18px}.reading-page{max-width:780px;margin:auto;padding:10px 0 35px}.reading-page h1{font-size:36px;line-height:1.25;margin:20px 0}.article-cover{height:220px;border-radius:12px;background:linear-gradient(120deg,#dceafc,#87b2e6);display:grid;place-items:center;color:white;margin:25px 0}.article-lead{font-size:18px;color:#69829f;line-height:1.8}.prose{font-size:15px;line-height:1.95;color:#546c86}.prose p{margin-bottom:22px}.reading-page>.button{margin-top:25px}.pagination{display:flex;justify-content:center;gap:8px;margin:28px}.pagination a{padding:8px 14px;border-radius:5px;background:white;border:1px solid var(--line)}.pagination a.active{background:var(--blue);color:white}
@media(min-width:1500px){.container,.topbar,.nav-inner{max-width:1320px}.hero-grid{grid-template-columns:1.38fr 1fr}.current-main{padding:22px 20px 23px 0}.temperature{font-size:83px}}
@media(max-width:1050px){.nav-inner{gap:18px;font-size:11px}.rain-nav{margin-left:0}.container{padding-left:22px;padding-right:22px}.topbar{padding-left:22px;padding-right:22px}.content-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.panel{padding:18px}.current-card{padding:21px}.current-metrics{gap:7px}.current-metrics>div{gap:6px}.current-metrics strong{font-size:15px}.section-head{flex-wrap:wrap}.comfort-grid{gap:17px}.comfort-grid>div:not(:last-child){padding-right:17px}.map-panel{padding:0 0 15px}.map-controls{flex-wrap:wrap}.severity-grid{grid-template-columns:repeat(2,1fr)}.article-body{padding:17px}.rain-summary-grid{gap:15px}}
@media(max-width:800px){.topbar{padding:16px 18px;gap:14px}.brand{font-size:22px}.brand-mark{width:35px;height:37px;border-radius:10px 10px 10px 3px}.brand small{font-size:8px}.location-button span{display:none}.search{max-width:none}.mobile-menu{display:inline-flex!important;border:0}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{flex-direction:column;padding:8px 20px;gap:0}.nav-inner>a,.nav-dropdown>summary{padding:11px 0;border:0}.dropdown-menu{position:static;box-shadow:none;border:0;background:#f7faff;padding:5px 12px}.rain-nav{margin:0}.favorite-inner{gap:8px;overflow:auto;white-space:nowrap}.favorite-inner>.muted{display:none}.today-date{font-size:10px}.hero-grid{grid-template-columns:1.2fr 1fr;gap:14px}.current-card{padding:19px}.current-main{padding:20px 0}.temperature{font-size:62px}.hero-weather svg{width:110px}.current-metrics{grid-template-columns:1fr 1fr}.current-metrics>div:last-child{display:none}.current-main h2{font-size:16px}.current-top>span:last-child{display:none}.content-grid{grid-template-columns:minmax(0,1fr)}.content-grid>aside{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-grid>aside>.panel,.content-grid>aside>.explore-card{margin:0}.content-grid>aside{margin-bottom:22px}.comfort-grid{grid-template-columns:1fr}.comfort-grid>div:not(:last-child){border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}.nearby{grid-template-columns:repeat(2,1fr)}.map-layout{grid-template-columns:1fr}.map-stats{display:none}.rain-summary-primary>strong,.summary-stat>strong{font-size:33px}.scenario-grid{gap:12px}.scenario{padding:18px}.scenario h3{font-size:12px}.article-grid{grid-template-columns:repeat(2,1fr)}.news-hero{grid-template-columns:1.4fr 1fr}.news-hero>div:first-child{padding:26px}.news-hero h2{font-size:23px}.news-hero-art>svg{width:100px}.footer-top>div{margin:5px 0 0;flex-wrap:wrap}.footer-bottom{gap:15px;flex-wrap:wrap}.notice{flex-wrap:wrap}.notice a{margin-left:27px}.map-controls .control-group{flex-wrap:wrap}.model-selector{flex-wrap:wrap}}
@media(max-width:550px){h1{font-size:26px}.container{padding-left:15px;padding-right:15px}.main{padding-top:20px}.topbar{flex-wrap:wrap;gap:12px}.brand{font-size:21px}.topbar .search{order:5;flex-basis:100%;height:40px}.location-button{margin-left:auto}.favorite-inner{height:37px}.today-date{display:none}.heading-line{align-items:flex-start}.heading-line .favorite-button{font-size:0;padding:9px}.heading-line .favorite-button svg{width:17px}.page-heading p{font-size:12px}.page-tabs{gap:20px;overflow:auto;font-size:11px;margin-bottom:18px;scrollbar-width:none}.page-tabs .refresh-link{display:none}.hero-grid{grid-template-columns:1fr}.current-card{padding:20px 22px}.current-main{padding:17px 0}.temperature{font-size:78px}.hero-weather svg{width:145px}.current-top>span:last-child{display:block}.current-metrics{grid-template-columns:repeat(3,1fr)}.current-metrics>div:last-child{display:flex}.current-metrics>div{gap:7px}.current-metrics strong{font-size:15px}.current-metrics svg{width:18px}.current-metrics strong small{font-size:9px}.day-summary{padding:19px}.summary-text{max-width:none;font-size:12px}.day-parts{margin:4px 0 13px}.day-parts>div{gap:3px}.panel{padding:18px;margin-bottom:17px}.section-head{margin-bottom:15px}h2{font-size:16px}.content-grid{gap:0}.content-grid>aside{grid-template-columns:1fr 1fr;gap:12px}.content-grid>aside>.panel{padding:15px}.content-grid>aside>.panel:first-child{grid-column:span 2}.content-grid>aside>.panel:nth-child(2){grid-column:span 2}.content-grid>aside>.panel:nth-child(3){grid-column:span 2}.content-grid>aside>.explore-card{grid-column:span 2}.daily-mini{gap:0}.daily-mini svg{width:34px}.daily-mini b{font-size:15px}.daily-mini>div{font-size:10px}.hour-card{min-width:73px}.daily-card-grid{grid-template-columns:repeat(3,1fr)}.nearby{gap:8px}.nearby a{padding:10px;font-size:11px}.notice{padding:11px 12px;font-size:10px;gap:7px}.notice>span{flex:1}.notice a{width:100%;padding-left:0;margin-left:24px}.day-details summary{gap:8px}.day-details strong{font-size:14px}.day-details small{font-size:9px}.rain-chance{font-size:10px}.day-details p{padding-left:10px}.footer-top{gap:14px}.footer-top>p{width:100%}.footer-top>div{gap:13px;font-size:10px}.footer-bottom{font-size:9px}.map-panel{padding:0 0 13px}.station-map{height:420px}.control-group{gap:10px}.map-controls{padding:13px}.control-group label{flex-wrap:wrap;gap:4px}.timeline{padding:13px 10px 0;gap:8px;flex-wrap:wrap}.timeline>span{font-size:9px}.timeline .button{padding:7px 9px}.timeline label{min-width:200px}.radar-panel{padding:12px}.radar-stage{max-height:450px}.map-legend{font-size:9px}.map-shortcuts{font-size:10px}.severity-grid{gap:12px}.severity-grid>div{flex-wrap:wrap;font-size:11px}.model-selector>span{font-size:10px}.model-selector .segments{width:100%}.model-selector .segments button{flex:1}.rain-summary-grid{grid-template-columns:1fr 1fr;gap:12px}.rain-summary-primary{grid-column:span 2}.summary-stat{padding:16px;margin:0}.summary-stat>strong{font-size:29px}.summary-stat p{font-size:10px}.scenario-grid{grid-template-columns:1fr;gap:0}.scenario{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.scenario h3{margin:0}.scenario>strong{font-size:23px}.scenario p{grid-column:2/4;margin:0}.thresholds{gap:6px}.thresholds .button{padding:8px 10px;font-size:10px}.thresholds label{margin:4px 0 0}.article-grid{grid-template-columns:1fr}.news-hero{grid-template-columns:1fr}.news-hero>div:first-child{padding:25px}.news-hero-art{height:140px}.news-hero-art svg{width:85px}.news-filter{gap:6px}.news-filter a{font-size:10px;padding:7px 9px}.reading-page h1{font-size:29px}.article-lead{font-size:16px}.prose{font-size:14px}.article-cover{height:170px}.loading-layout{grid-template-columns:1fr}.loading-layout .loading{grid-column:auto}.loading-layout .skeleton:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.wind-marker{display:flex;align-items:center;gap:3px;background:#ffffffea;border-radius:5px;padding:3px 5px;box-shadow:0 2px 7px #173e681c}.wind-marker>span{display:inline-block;font-size:27px;line-height:1}.wind-marker>b{font-size:10px;color:#254765}
.alert-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.alert-controls label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.alert-controls select{padding:8px;border:1px solid var(--line);border-radius:5px;background:#f8fafc;color:var(--text)}.alert-controls>.button{margin-left:auto}.alert-controls .table-search{margin:0;flex:1}.alert-report-meta{display:flex;gap:18px;margin:0 0 20px;flex-wrap:wrap}.alert-report-meta>div{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);padding:12px 18px;background:white;border:1px solid var(--line);border-radius:7px}.alert-report-meta strong{color:var(--text)}.alert-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:11px;padding-top:15px}.alert-legend span{display:flex;align-items:center;gap:6px}.alert-legend i,.alert-row summary>i{width:9px;height:9px;display:block;border-radius:50%;flex-shrink:0}.alert-list{max-height:540px;overflow:auto}.alert-row{border-bottom:1px solid var(--line)}.alert-row summary{display:flex;align-items:center;gap:12px;padding:13px 4px;cursor:pointer;font-size:12px}.alert-row summary>span{flex:1}.alert-row small{display:block;color:var(--muted);font-size:10px}.alert-row b{font-size:11px;font-weight:500}.alert-row>div{padding:5px 25px 15px;font-size:12px}.alert-row p{line-height:1.8}
/* More expressive weather palette and stronger visual hierarchy. */
h1{font-weight:800}h2{font-weight:750}h3{font-weight:700}.brand{font-weight:850}.temperature{font-weight:600}.current-main h2{font-weight:700;font-size:21px}.current-metrics strong{font-size:20px;font-weight:750}.day-parts strong{font-weight:750;font-size:25px}.hour-card>strong{font-size:27px;font-weight:750}.hour-card>svg{width:58px;height:53px}.daily-mini svg{width:55px;height:49px}.daily-mini b{font-weight:750;font-size:21px}.day-parts svg{width:58px;height:51px}.hero-weather svg{width:180px;height:158px}.day-details>summary>svg:first-child{width:48px;height:43px}.daily-card strong{font-weight:750;font-size:23px}.rain-big{font-weight:750}.stat-large strong{font-weight:750}.section-head h2{font-size:19px}.day-summary{background:linear-gradient(145deg,#fff 55%,#fff5df)}.day-summary .small-icon{background:#fff0c9;color:#dd9c1b}.current-card{background:radial-gradient(ellipse at 83% 18%,#45adfa66,transparent 60%),linear-gradient(125deg,#2055b6,#2177dd 65%,#3d90df)}.current-metrics>div:nth-child(2)>svg{color:#8be4ee}.current-metrics>div:nth-child(3)>svg{color:#ffdb77}.main-column .panel:nth-child(2){border-top:3px solid #638ee4}.main-column .panel:first-child{border-top:3px solid #62c2de}.explore-card{background:linear-gradient(130deg,#e4f4ee,#edf6ff);border-color:#c9e5dc}.explore-card>svg{color:#359477}.comfort-grid>div:nth-child(2) h3 svg{color:#36a180}.comfort-grid>div:nth-child(3) h3 svg{color:#8b7ed0}.daily-mini>div:first-child{background:#edf5ff;border-radius:8px;padding:7px 0}.rain-summary-primary{background:linear-gradient(115deg,#265aba,#378fdc)}.scenario:nth-child(1){border-top:3px solid #e7bd5b}.scenario:nth-child(2){border-top:3px solid #54a7df}.scenario:nth-child(3){border-top:3px solid #8976d1}.table-wrap th{font-weight:700}.page-tabs a.active{font-weight:750}.hero-weather{filter:drop-shadow(0 12px 17px #173e8e40)}
.main:has(.radar-dashboard){max-width:none;padding:14px 18px 24px}.main:has(.radar-dashboard)>.page-heading{display:none}.main:has(.radar-dashboard)>.map-shortcuts{margin-bottom:0;padding-bottom:12px}.radar-dashboard{position:relative;height:calc(100vh - 230px);min-height:650px;overflow:hidden;border-radius:12px;border:1px solid #ccd9e9;background:#edf2f5}.radar-map-canvas{position:absolute;inset:0;z-index:1}.radar-base{filter:saturate(.35);opacity:.65!important}.floating{background:#ffffffee;backdrop-filter:blur(10px);border:1px solid #cbd9ee;box-shadow:0 5px 24px #15385b13;border-radius:9px;z-index:5}.radar-title{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;padding:11px 15px}.radar-title strong{font-size:17px;font-weight:850;color:#172c48}.radar-title small{display:block;font-size:10px;font-weight:650;color:#7386a2}.radar-title-icon{color:#007adc;display:flex}.radar-time{position:absolute;top:21px;left:44%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap}.radar-time svg{color:#168ce3}.radar-time .spinner{width:13px;height:13px}.radar-layer{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:10px;padding:7px}.radar-layer label{display:flex;align-items:center;gap:10px;padding-left:8px;color:#6486ae}.radar-layer select{border:0;background:transparent;font-size:12px;font-weight:750;color:#183351;padding:5px 20px 5px 0}.radar-sidebar{position:absolute;top:80px;right:16px;bottom:20px;width:290px;overflow:auto;scrollbar-width:thin}.radar-stat-grid{display:grid;grid-template-columns:1fr 1fr}.radar-stat-grid>div{padding:15px 13px;border-right:1px solid #dbe5f1;border-bottom:1px solid #dbe5f1}.radar-stat-grid small{display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;font-weight:750;color:#6d819f}.radar-stat-grid strong{display:block;color:#182b45;font-size:27px;font-weight:850;letter-spacing:-.7px;margin-top:2px}.radar-stat-grid em{font-size:11px;font-weight:700}.radar-stat-grid .play-status{font-size:14px;letter-spacing:0;margin-top:10px;color:#168878}.radar-meta{display:flex;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid #e5edf6;font-size:10px}.radar-meta b{font-weight:750}.radar-location{padding:15px 13px}.radar-location h3{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:10px}.radar-location h3 svg{color:#1688cd}.radar-location input{width:100%;border:1px solid #cbdffa;border-radius:5px;background:#f7faff;padding:9px;font-size:12px;font-weight:650;color:#233d5f}.radar-location p{font-size:10px;color:#7088a7;margin:9px 0 0}.radar-search-results button{display:flex;width:100%;justify-content:space-between;border:0;background:#eaf3fe;padding:8px;font-size:12px;text-align:left}.radar-opacity{display:flex;align-items:center;gap:8px;padding:0 13px 15px;font-size:10px;font-weight:650;white-space:nowrap}.radar-opacity input{min-width:0;width:100%;accent-color:#087bb5}.radar-frames{padding:0 12px}.radar-frames>button{display:flex;align-items:center;gap:10px;border:0;background:transparent;width:100%;text-align:left;padding:11px 3px;border-radius:5px}.radar-frames>button.active{background:#e6f2ff}.radar-frames>button>span{background:#e5edf7;min-width:24px;padding:2px;border-radius:5px;text-align:center;font-size:12px;font-weight:750}.radar-frames strong{font-size:12px;font-weight:800}.radar-frames small{display:block;font-size:9px;color:#8093ad}.radar-frames em{margin-left:auto;font-size:9px;color:#607a9b;font-weight:650}.radar-refresh{margin:10px 12px;width:calc(100% - 24px)}.radar-explanation{position:absolute;bottom:20px;left:16px;width:255px;padding:12px 14px}.radar-explanation b{font-size:12px;font-weight:800}.radar-explanation p{font-size:10px;line-height:1.6;margin:5px 0 7px;color:#586f8e}.radar-explanation small{font-size:8px;color:#7a8ba3}.radar-colorbar{height:9px;background:linear-gradient(90deg,#d8f0fe,#76bef2,#297ecb,#104784);border-radius:9px;margin-top:9px}.radar-scale{display:flex;justify-content:space-between;font-size:8px;color:#7085a1;margin-top:4px}.radar-timeline{position:absolute;bottom:22px;left:calc(50% - 17px);transform:translateX(-50%);width:calc(100% - 660px);min-width:290px;display:flex;align-items:center;gap:15px;padding:10px 13px}.radar-timeline input{flex:1;width:100%;accent-color:#087cb4}.radar-timeline>div{min-width:50px;text-align:right}.radar-timeline strong{display:block;font-size:12px;font-weight:800}.radar-timeline small{font-size:9px;color:#7185a1}.radar-timeline .button{padding:6px 10px;background:#007aaf;border-color:#007aaf}.pause-symbol{font-size:22px;line-height:23px;font-weight:850}.radar-load{position:absolute;left:40%;top:45%;transform:translate(-50%,-50%);padding:0 25px}.radar-error{position:absolute;top:95px;left:70px;max-width:410px}.radar-error .errorbox{margin:0}.radar-dashboard .leaflet-top.leaflet-left{top:100px;left:12px}.radar-dashboard .leaflet-control-attribution{max-width:270px;font-size:8px!important}.radar-dashboard .leaflet-pane.leaflet-radar-pane{transition:opacity .18s}.radar-dashboard .leaflet-tile-container{transition:opacity .18s}
@media(max-width:1100px){.radar-time{top:88px;left:165px}.radar-title{max-width:270px}.radar-timeline{left:calc(50% - 115px);width:calc(100% - 400px);bottom:20px}.radar-explanation{bottom:92px;width:230px}.radar-sidebar{width:270px}.radar-dashboard .leaflet-top.leaflet-left{top:150px}}
@media(max-width:700px){.main:has(.radar-dashboard){padding:8px}.radar-dashboard{height:1050px;min-height:0}.radar-map-canvas{bottom:380px}.radar-sidebar{top:auto;bottom:0;right:0;left:0;width:auto;height:345px;border-radius:0;display:grid;grid-template-columns:1fr 1fr;align-content:start}.radar-stat-grid{grid-column:span 2}.radar-stat-grid>div{padding:9px 12px}.radar-stat-grid strong{font-size:23px}.radar-stat-grid .play-status{margin:5px 0;font-size:13px}.radar-meta{grid-column:span 2}.radar-location{grid-column:span 2}.radar-frames{grid-column:span 2}.radar-opacity{grid-column:span 2}.radar-refresh{grid-column:span 2}.radar-title{top:9px;left:9px;padding:8px 10px}.radar-title small{font-size:8px}.radar-title strong{font-size:15px}.radar-title-icon svg{width:25px}.radar-layer{top:75px;right:9px;padding:4px}.radar-layer select{font-size:10px;width:130px}.radar-time{left:9px;transform:none;top:126px;font-size:10px;padding:7px 9px}.radar-dashboard .leaflet-top.leaflet-left{top:181px;left:0}.radar-timeline{left:9px;right:9px;transform:none;width:auto;min-width:0;bottom:390px}.radar-explanation{bottom:465px;left:9px;width:210px;padding:9px 11px}.radar-explanation p{font-size:9px}.radar-load{left:50%;top:290px}.radar-error{top:185px;left:10px;right:10px}.hero-weather svg{width:167px}.current-metrics strong{font-size:17px}.section-head h2{font-size:18px}.daily-mini svg{width:43px;height:42px}.daily-mini b{font-size:18px}.radar-sidebar .radar-location{padding:11px 13px}}
.leaflet-radar-pane>.leaflet-layer{transition:opacity .25s ease-in-out}
@media(prefers-reduced-motion:reduce){.leaflet-radar-pane>.leaflet-layer{transition:none}}


/* ================================================================
   Kék időjárás 1.0.2 – higher contrast homepage + compact sticky menu
   Scoped styles preserve every weather, radar, news and map route.
   ================================================================ */
:root {
  --blue:#1263d5;
  --navy:#082858;
  --text:#19324f;
  --muted:#61758f;
  --line:#d9e5f3;
  --bg:#f1f6fd;
  --light:#e9f2ff;
  --shadow:0 10px 30px rgba(10,42,87,.065);
}
body {
  color:var(--text);
  background-color:var(--bg);
  background-image:radial-gradient(ellipse 65% 30% at 98% 5%,#e0edff 0,transparent 80%),
                   radial-gradient(ellipse 60% 34% at 0 35%,#faffff 0,transparent 85%);
}
button,a,summary {touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible {outline-color:#2a80f1}
h1,h2,h3 {color:var(--navy)}
h1 {font-size:clamp(32px,2.5vw,42px);line-height:1.14;letter-spacing:-1.5px;font-weight:850}
h2 {letter-spacing:-.45px}
.container {max-width:1496px;padding-left:30px;padding-right:30px}
.main {padding-top:24px;padding-bottom:48px}

/* The bar stays pinned while the full-page weather app scrolls. */
.header {
  position:sticky;
  position:-webkit-sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #c8d9ef;
  box-shadow:0 5px 22px rgba(10,44,99,.09);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.topbar {max-width:1496px;padding:9px 28px;gap:16px;min-height:56px}
.brand {font-size:23px;letter-spacing:-.8px;gap:9px}
.header .brand small {display:none}
.brand-mark {width:36px;height:38px;border-radius:12px 12px 12px 3px;box-shadow:0 4px 12px #1776d532}
.search {
  background:#f8fbff;
  border:1px solid #b9cff0;
  color:#587ca8;
  height:39px;
  box-shadow:0 0 0 2px rgba(39,115,213,.045);
  border-radius:9px;
}
.search:focus-within {background:white;border-color:#448ce7;box-shadow:0 0 0 3px #448ce720}
.search input {font-size:13px;color:var(--navy)}
.search input::placeholder {color:#7083a0}
.search-results {top:44px;border-color:#d0e1f5;box-shadow:0 16px 36px #163c6f30}
.location-button {font-size:12px;font-weight:700;color:#1d61b1;white-space:nowrap}
.main-nav {border-top:1px solid #e8eef6}
.nav-inner {max-width:1496px;gap:25px;padding:0 29px;font-size:12px;font-weight:700;color:#253d5c}
.nav-inner>a,.nav-dropdown>summary {padding:10px 0;border-bottom-width:3px}
.nav-inner>a:hover,.nav-dropdown>summary:hover {color:#1263d5}
.dropdown-menu {top:40px;border-color:#d6e4f4;box-shadow:0 12px 30px #1744792e;font-weight:650;min-width:230px}
.dropdown-menu a {padding:11px 10px}
.favorites {background:#f8fbff;border-bottom:1px solid #e0eaf6}
.favorite-inner {height:30px;font-size:10px;color:#637896}
.favorite-inner button {font-size:11px;font-weight:750}

/* A richer, clearly separated first screen. */
.page-heading {
  border:1px solid #d7e4f5;
  border-bottom:0;
  border-radius:18px 18px 0 0;
  padding:26px 30px 18px;
  margin-bottom:0;
  background:linear-gradient(120deg,#fff 55%,#f0f7ff 100%);
  box-shadow:0 10px 36px rgba(6,35,84,.07);
}
.breadcrumb {margin-bottom:9px;font-size:11px;font-weight:600;color:#5b7ca9}
.heading-line {align-items:center}
.page-heading h1 {margin:0 0 7px}
.page-heading p {font-size:13px;font-weight:500;color:#57718f}
.favorite-button {font-size:12px;font-weight:750;padding:10px 15px;border-radius:9px;border-color:#bcd1ec;color:#255a9f}
.page-tabs {
  background:#fff;
  border-left:1px solid #d7e4f5;
  border-right:1px solid #d7e4f5;
  border-bottom:1px solid #e6ecf4;
  padding:0 30px;
  gap:30px;
  margin:0;
  font-weight:700;
  color:#476380;
}
.page-tabs a {padding:12px 0 11px;border-bottom-width:3px}
.page-tabs a.active {color:#075ac9}
.refresh-link {padding:0 0 10px;font-weight:700}
.hero-grid {
  grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);
  gap:18px;
  padding:22px 25px 25px;
  margin:0;
  background:white;
  border-left:1px solid #d7e4f5;
  border-right:1px solid #d7e4f5;
}
.hero-grid>.panel,.hero-grid>.current-card {min-width:0;min-height:328px}
.current-card {
  background:radial-gradient(circle at 87% 10%,rgba(51,173,255,.32),transparent 46%),
             linear-gradient(128deg,#063477 0%,#0d57bd 55%,#087bdc 100%);
  padding:28px 32px 24px;
  border-radius:14px;
  border:1px solid #145eaf;
  box-shadow:0 14px 32px rgba(4,52,128,.19);
}
.current-card:before {opacity:.28}
.current-top {font-size:11px;font-weight:700;color:#d4eaff}
.live-badge {font-size:11px;background:#ffffff21;border:1px solid #ffffff55;padding:5px 10px;color:#fff;font-weight:750}
.current-main {padding:25px 0 24px}
.temperature {font-size:clamp(76px,7vw,108px);font-weight:850;letter-spacing:-5px;line-height:1}
.temperature span {font-size:.58em;font-weight:750;letter-spacing:-2px}
.current-main h2 {font-size:25px;font-weight:800;margin:13px 0 7px}
.current-main p {font-size:13px;color:#e1efff;font-weight:550}
.hero-weather svg {width:190px;height:167px;max-width:100%}
.current-metrics {border-top-color:#ffffff4d;padding-top:18px;gap:13px}
.current-metrics>div {gap:10px}
.current-metrics svg {color:#cbe7ff}
.current-metrics span {font-size:11px;color:#e5f1ff;font-weight:600}
.current-metrics strong {font-size:22px;font-weight:850;color:white;margin-top:4px}
.current-metrics strong small {color:#e7f2ff;font-weight:650}
.day-summary {
  border-radius:14px;
  border-color:#cddff4;
  padding:26px 29px 23px;
  background:radial-gradient(ellipse at 96% 4%,#dcefff,transparent 65%),linear-gradient(135deg,#ffffff,#f4f9ff);
  box-shadow:0 10px 28px #1040780c;
}
.day-summary .section-head h2 {font-size:24px;letter-spacing:-.7px;font-weight:850;color:#0a2b5e}
.day-summary .small-icon {width:42px;height:42px;background:#fff0c9;color:#c77b00}
.summary-text {max-width:95%;font-size:15px;line-height:1.75;font-weight:600;color:#304e71;margin-bottom:20px}
.day-parts {gap:9px;margin:2px 0 20px}
.day-parts>div {gap:6px;padding:12px 6px;background:white;border:1px solid #d2e0f3!important;border-radius:10px;color:#3b608e;font-size:11px;font-weight:750;box-shadow:0 5px 12px #134b8e0a}
.day-parts svg {width:57px;height:49px}
.day-parts strong {font-size:27px;color:#082b60;font-weight:850}
.inline-link {font-size:12px;font-weight:800;color:#045dc9;gap:9px}
.notice {
  background:#e8f2ff;
  border-color:#c8def8;
  color:#234e87;
  border-radius:0 0 17px 17px;
  border-top:0;
  margin:0 0 27px;
  padding:13px 27px;
  font-weight:650;
  font-size:12px;
  box-shadow:0 9px 20px rgba(10,42,87,.04);
}
.notice svg {color:#155eb8}
.notice a {font-weight:800;color:#0b59b6}

/* Cards beneath the first screen have clear type and separation. */
.panel {border-color:#d7e4f3;border-radius:13px;box-shadow:var(--shadow)}
.section-head h2 {font-size:20px;font-weight:800}
.section-head p,.source-line {color:#617997}
.hour-card {background:#f7fbff;border:1px solid #e1ebf7;border-radius:8px}
.hour-card>strong {color:#092e65;font-weight:850}
.daily-mini b,.daily-card strong {color:#0b3671;font-weight:850}
.nearby a {background:white;border-color:#d5e4f6;font-weight:700}
.nearby a:hover {background:#eaf3ff;border-color:#8bb9f4}
footer {border-top:1px solid #cedef1}

/* Desktop: a single 58px bar, similar to the supplied reference. */
@media(min-width:1500px){
  .header {display:flex;align-items:center;gap:22px;padding:0 max(24px,calc((100vw - 1760px)/2));min-height:58px}
  .header .topbar {display:contents}
  .header .topbar>.brand {order:1;font-size:21px;flex-shrink:0}
  .header .brand-mark {width:33px;height:36px}
  .header .main-nav {order:2;border-top:0;min-width:0;flex:1}
  .header .nav-inner {gap:clamp(9px,1.05vw,21px);padding:0;font-size:12px;justify-content:flex-start}
  .header .nav-inner>a,.header .nav-dropdown>summary {padding:18px 0 16px}
  .header .dropdown-menu {top:51px}
  /* Reserve a full click target for location so the search never overlaps it. */
  .header .search {order:3;flex:0 1 295px;min-width:205px;max-width:295px;margin-left:auto}
  .header .location-button {order:4;flex:0 0 132px;width:132px;height:35px;font-size:12px;gap:7px;justify-content:flex-end;white-space:nowrap}
  .header .location-button svg {width:19px;height:19px;flex-shrink:0}
  .header .topbar>.mobile-menu {display:none!important}
}
/* Mid-size displays keep two slim rows to avoid clipping menu links. */
@media(min-width:801px) and (max-width:1499px){
  .header .topbar {min-height:51px;padding:7px 24px}
  .header .nav-inner {gap:clamp(14px,2.3vw,30px)}
  .header .nav-inner>a,.header .nav-dropdown>summary {padding:8px 0}
  .header .dropdown-menu {top:36px}
}
/* Tablet: a compact sticky row and a scrollable, usable menu overlay. */
@media(max-width:800px){
  .header {min-height:57px}
  .topbar {min-height:57px;padding:8px 18px;gap:12px;flex-wrap:nowrap}
  .header .brand {font-size:21px}
  .header .brand-mark {width:34px;height:36px}
  .header .search {height:38px;min-width:0}
  .header .location-button {flex-shrink:0}
  .header .mobile-menu {width:36px;height:36px;flex-shrink:0;border-radius:7px;background:#edf5ff;border:1px solid #d2e2f6}
  .header .main-nav.open {position:absolute;top:100%;left:0;right:0;border:1px solid #d6e5f6;background:white;box-shadow:0 16px 27px #092e5d2b;max-height:calc(100dvh - 58px);overflow:auto;overscroll-behavior:contain}
  .nav-inner {font-size:13px;font-weight:750;gap:0;padding:8px 20px 13px}
  .nav-inner>a,.nav-dropdown>summary {padding:12px 0}
  .dropdown-menu {position:static;box-shadow:none;background:#f4f8ff;padding:5px 12px;margin:0 0 10px}
  .hero-grid {grid-template-columns:1fr;gap:16px;padding:18px}
  .hero-grid>.panel,.hero-grid>.current-card {min-height:0}
  .current-card {padding:22px 24px}
  .current-main {padding:20px 0}
  .current-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
  .current-metrics>div:last-child {display:flex}
  .temperature {font-size:85px}
  .hero-weather svg {width:145px;height:140px}
  .page-heading {padding:20px 22px 14px}
  .page-tabs {padding:0 22px;gap:24px;overflow-x:auto;scrollbar-width:none}
  .notice {padding:13px 20px}
  .day-summary {padding:23px}
  .summary-text {font-size:14px}
}
@media(max-width:550px){
  .header .topbar {padding:8px 13px 9px;gap:8px;flex-wrap:wrap;min-height:55px}
  .header .brand {font-size:20px}
  .header .brand-mark {width:32px;height:34px}
  .header .location-button {margin-left:auto}
  .header .topbar .search {order:5;flex-basis:100%;height:36px;margin:0}
  .header .search input {font-size:12px}
  .header .main-nav.open {max-height:calc(100dvh - 100px)}
  .favorite-inner {height:31px}
  .main {padding-top:13px}
  .page-heading {padding:18px 18px 13px;border-radius:13px 13px 0 0}
  .page-heading h1 {font-size:clamp(27px,7.4vw,34px);letter-spacing:-1px}
  .page-heading p {font-size:11px}
  .page-tabs {padding:0 18px;gap:19px}
  .page-tabs a {padding:11px 0 9px}
  .hero-grid {padding:12px;gap:12px}
  .current-card {padding:20px 18px 18px}
  .current-top {font-size:10px}
  .current-main {padding:17px 0 19px}
  .current-main h2 {font-size:21px;margin-top:8px}
  .current-main p {font-size:11px}
  .temperature {font-size:clamp(66px,18vw,82px);letter-spacing:-4px}
  .hero-weather svg {width:clamp(105px,31vw,152px);height:auto}
  .current-metrics {gap:7px;padding-top:13px}
  .current-metrics>div {gap:5px;min-width:0}
  .current-metrics span {font-size:9px}
  .current-metrics strong {font-size:16px;white-space:normal}
  .current-metrics strong small {font-size:9px}
  .current-metrics svg {width:17px;height:17px}
  .day-summary {padding:18px 16px}
  .day-summary .section-head h2 {font-size:20px}
  .day-summary .small-icon {width:35px;height:35px}
  .summary-text {font-size:13px;line-height:1.65;margin-bottom:13px}
  .day-parts {gap:6px;margin:0 0 15px}
  .day-parts>div {padding:10px 2px;font-size:10px}
  .day-parts svg {width:42px;height:41px}
  .day-parts strong {font-size:22px}
  .notice {padding:12px 14px;border-radius:0 0 13px 13px;font-size:11px;margin-bottom:20px}
  .section-head h2 {font-size:18px}
  .panel {border-radius:11px}
}
@media(max-width:370px){
  .header .brand {font-size:18px;gap:6px}
  .header .brand-mark {width:30px;height:32px}
  .current-metrics svg {display:none}
  .current-metrics strong {font-size:15px}
  .day-parts strong {font-size:19px}
}
/* Keep seven-day tiles scrollable instead of stretching 320px phones. */
@media(max-width:550px){
  .main-column,.content-grid>.main-column,.panel {min-width:0}
  .daily-mini {display:flex;overflow-x:auto;max-width:100%;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#b6cdea transparent}
  .daily-mini>div {min-width:48px;flex:0 0 48px}
  .nearby {grid-template-columns:repeat(2,minmax(0,1fr))}
  .nearby a {min-width:0;padding:9px 6px;font-size:10px;gap:5px}
}

/* Viharmágus 1.0.3: rövid, nem takaró radar-állapotjelzés. */
.radar-error-compact{position:absolute;left:80px;top:138px;z-index:450;display:flex;align-items:center;gap:12px;padding:7px 10px;background:rgba(255,255,255,.92);color:#805b19;border:1px solid #eddfbb;border-radius:9px;box-shadow:0 3px 14px #1c4d6820;font-size:12px;max-width:245px}
.radar-error-compact button{background:#fff;border:1px solid #d2ddea;border-radius:6px;cursor:pointer;padding:4px 8px;color:#145e9a;font-size:16px}
@media(max-width:600px){.radar-error-compact{left:12px;top:120px;max-width:190px}}

/* 1.0.6 – hoveres térképi adatlapok + látványosabb kártyák */
.map-hover-tooltip{background:transparent;border:0;box-shadow:none}
.map-hover-tooltip .leaflet-tooltip-content{margin:0}
.map-hover-tooltip .map-hover-card{min-width:170px;background:linear-gradient(155deg,#153864,#1a68c8 68%,#59a9ea);color:#fff;padding:10px 12px;border-radius:12px;box-shadow:0 18px 28px rgba(10,43,84,.28);border:1px solid rgba(255,255,255,.24)}
.map-hover-tooltip .map-hover-card strong{display:block;font-size:13px;font-weight:800;margin-bottom:4px}
.map-hover-tooltip .map-hover-card b{font-size:16px;font-weight:850;letter-spacing:-.2px}
.map-hover-tooltip .map-hover-card small{display:block;font-size:10px;line-height:1.45;color:#eaf4ff}
.map-hover-tooltip:before{border-top-color:#1a68c8!important}
.alert-hover-card{background:linear-gradient(155deg,#29435f,#4b73a3 70%,#73a7d6)!important}
.map-shortcuts a,.page-tabs a,.rain-nav,.button,.favorite-button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.map-shortcuts a:hover,.page-tabs a:hover,.button:hover,.favorite-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(20,61,114,.12)}
.quick-actions-strip{display:grid;grid-template-columns:1.3fr .9fr;gap:14px;margin:0 0 16px}
.quick-action-card,.quick-highlight-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid #cfe0f5;background:linear-gradient(135deg,#ffffff 8%,#eef6ff 52%,#e6f8fb);box-shadow:0 16px 32px rgba(16,54,104,.07)}
.quick-highlight-card{display:block;background:linear-gradient(130deg,#12355d,#1856a1 62%,#2987d3);color:#fff;border-color:#245ea6}
.quick-action-copy{display:flex;flex-direction:column;gap:5px}
.quick-action-copy strong,.quick-highlight-card strong{font-size:18px;line-height:1.25;font-weight:850;color:#0e3567}
.quick-highlight-card strong{color:#fff;display:block;margin-top:7px}
.quick-action-copy small,.quick-highlight-card small{font-size:12px;color:#59728f;line-height:1.5}
.quick-highlight-card small{color:#dcecff;display:block;margin-top:4px}
.quick-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border-radius:999px;padding:6px 10px;background:#dcebff;color:#144b94;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.quick-highlight-card .quick-badge{background:rgba(255,255,255,.14);color:#fff}
.heading-line .favorite-button{box-shadow:none}
.map-controls.panel,.map-stats,.alert-controls,.alert-report-meta>div,.alert-row>summary,.notice,.table-wrap,.panel{box-shadow:0 12px 28px rgba(18,53,95,.06)}
.map-controls.panel{background:linear-gradient(145deg,#fff,#f6fbff);border-color:#d7e6f7}
.notice{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(145deg,#edf7ff,#f9fcff);border:1px solid #d9e9f9;border-radius:16px;padding:14px 16px}
.notice svg{color:#0e74c6;flex:none;margin-top:2px}
.map-stats{background:linear-gradient(180deg,#123861,#19539a 60%,#1f71c9);color:#fff;border:0}
.map-stats h2,.map-stats h3,.map-stats .stat-large strong,.map-stats .info-row b,.map-stats .ranking b,.map-stats .ranking span:nth-child(2){color:#fff}
.map-stats .info-row,.map-stats .ranking{border-color:rgba(255,255,255,.14)}
.map-stats .stat-large small,.map-stats .info-row span,.map-stats .ranking span:first-child{color:#cde2ff}
.source-pill{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,#1c4f93,#2779d3);color:#fff;font-weight:800;letter-spacing:-.01em}
.alert-controls,.alert-report-meta>div,.table-search,.alert-row>summary{background:#fff;border-radius:16px;border:1px solid #dce8f7}
.alert-legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:14px}
.alert-legend span{display:inline-flex;align-items:center;gap:8px;background:#f7fbff;border:1px solid #dce8f7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;color:#325279}
.alert-legend i{width:12px;height:12px;border-radius:50%}
.favorite-inner{height:40px;font-size:12px}
.favorite-inner button{padding:6px 10px;border-radius:999px;background:#eaf3ff}
.favorite-inner .muted{background:#eef6ff;border-radius:999px;padding:4px 10px}
@media(max-width:1000px){.quick-actions-strip{grid-template-columns:1fr}.quick-action-card,.quick-highlight-card{padding:14px 15px}}
@media(max-width:700px){.quick-action-card{flex-direction:column;align-items:flex-start}.favorite-inner{height:auto;min-height:40px;padding:7px 0;flex-wrap:wrap;gap:6px}.quick-action-copy strong,.quick-highlight-card strong{font-size:16px}}

/* Viharmágus 1.0.8: kompakt hero, Google-forrás, egységes mellékkártyák. */
@media(min-width:701px){.hero-grid{padding:12px 20px 15px;gap:15px}.hero-grid>.current-card,.hero-grid>.day-summary{min-height:0}.current-card{padding:17px 22px 15px}.current-main{padding:8px 0 10px}.current-main h2{margin:6px 0 4px}.current-main .temperature{font-size:clamp(66px,5.7vw,86px)}.hero-weather svg{width:125px;height:120px}.current-metrics{padding-top:10px}.day-summary{padding:19px 24px 15px}.day-summary .section-head{margin-bottom:9px}.day-summary .summary-text{margin:8px 0 12px}.day-parts{margin:0 0 10px;gap:9px}.day-parts>div{padding:8px 6px}.day-parts svg{width:41px;height:38px}}
.google-preference-bar{display:flex;align-items:center;gap:18px;margin:0 0 13px;padding:12px 18px;border:none;border-radius:999px;background:#000;box-shadow:none;text-decoration:none;color:#fff;min-height:72px;overflow:hidden}.google-preference-bar:hover{background:#000}.google-symbol{font:900 40px Arial,sans-serif;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 65%,#ea4335 65% 80%,#4285f4 80%);color:transparent;-webkit-background-clip:text;background-clip:text;flex:0 0 auto}.google-copy{flex:1;min-width:0;display:block}.google-copy strong{display:block;font-size:17px;line-height:1.2;color:#fff;font-style:italic;font-weight:800;letter-spacing:-.01em}.google-copy span{display:none}.google-preference-action{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;background:#262626;color:#fff!important;border-radius:999px;padding:0;font-size:0;white-space:nowrap}.google-preference-action:hover{background:#262626}
.content-grid>aside>.panel,.main-column>.panel:nth-child(n+3),.main>section.panel,.map-panel,.map-controls,.alert-controls,.alert-report-meta>div,.news-hero,.article-card,.reading-page .panel,.scenario,.summary-stat{border:1px solid #cedff3;border-radius:15px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 7px 24px #164a8312}.content-grid>aside>.panel{border-top:3px solid #76b8ed}.content-grid>aside>.panel:nth-child(2){border-top-color:#69b7b3}.content-grid>aside>.panel:nth-child(3){border-top-color:#f6be59}.main-column>.panel:nth-child(n+3){border-top:3px solid #91baf5}.main>section.panel{border-top:3px solid #78b9e9}.section-head .small-icon,.comfort-grid h3 svg,.map-controls svg{color:#1675c5}.comfort-grid>div{padding:13px;border:1px solid #d8e6f6;border-radius:12px;background:#fff}.comfort-grid>div:not(:last-child){border-right:1px solid #d8e6f6;padding-right:13px}.scenario,.summary-stat{border-top:3px solid #8ec5ee}.rain-day,.day-details{border-radius:10px}.map-stats{background:linear-gradient(160deg,#123861,#2469b7);color:#fff}.map-stats h2,.map-stats h3,.map-stats strong,.map-stats b{color:#fff}
@media(max-width:700px){.google-preference-bar{padding:10px 14px;gap:12px;min-height:60px}.google-symbol{font-size:34px}.google-copy strong{font-size:13px}.google-copy span{display:none}.google-preference-action{width:36px;height:36px;flex-basis:36px}.hero-grid{padding:9px}.current-main{padding:10px 0}.day-summary{padding:16px}.comfort-grid>div:not(:last-child){padding-bottom:13px}}

/* Viharmágus 1.0.15: kompakt városi főrész telefonon; nem érinti a térképeket és a cikkeket. */
@media(max-width:700px){
  .main:has(.hero-grid)>.page-heading{padding:10px 15px 7px!important}
  .main:has(.hero-grid)>.page-heading .breadcrumb{margin-bottom:5px;font-size:10px}
  .main:has(.hero-grid)>.page-heading h1{font-size:clamp(25px,7vw,31px);line-height:1.08;letter-spacing:-.7px;margin:0 0 4px}
  .main:has(.hero-grid)>.page-heading p{font-size:11px;line-height:1.3;margin:0}
  .main:has(.hero-grid)>.page-heading .heading-line{gap:10px;align-items:center}
  .main:has(.hero-grid)>.page-heading .favorite-button{padding:7px;min-width:36px;min-height:36px}
  .main:has(.hero-grid)>.page-tabs{padding:0 15px;gap:16px}
  .main:has(.hero-grid)>.page-tabs a{font-size:11px;padding:8px 0 7px}
  .main:has(.hero-grid)>.hero-grid{padding-top:7px;gap:10px}
  .main:has(.hero-grid){padding-top:9px}
}

/* Viharmágus 1.0.16: mobil fejléccsík logóval, felirat nélkül; biztonságos csak CSS igazítás. */
@media(max-width:550px){
  .header .topbar{padding:8px 12px;gap:8px;flex-wrap:nowrap;align-items:center;min-height:52px}
  .header .topbar>.brand{order:1;display:flex;align-items:center;gap:0;flex:0 0 auto;min-width:32px;font-size:0;line-height:0}
  .header .topbar>.brand>span:last-child{display:none}
  .header .brand-mark{width:32px;height:34px}
  .header .location-button{order:3;margin-left:0;flex:0 0 36px;width:36px;height:36px;padding:0;justify-content:center;gap:0;font-size:0}
  .header .location-button span{display:none}
  .header .topbar .search{order:2;flex:1 1 auto;min-width:0;flex-basis:auto;height:36px;margin:0}
  .header .topbar .search kbd{display:none}
  .header .mobile-menu{order:4;display:inline-flex !important;width:36px;height:36px;flex:0 0 36px}
  .header .main-nav.open{max-height:calc(100dvh - 76px)}
}
@media(max-width:370px){
  .header .topbar{padding:7px 10px;gap:6px}
  .header .brand-mark{width:30px;height:32px}
  .header .location-button,.header .mobile-menu{width:34px;height:34px;flex-basis:34px}
  .header .topbar .search{height:34px}
}

/* 1.0.18: read-only update status and hide legacy manual refresh controls */
.vm-updated-at{font-size:12px;color:#5073a0;font-weight:650;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.radar-refresh,.alert-controls>.button:has(svg),.radar-error-compact button{display:none!important}
@media(max-width:550px){.vm-updated-at{font-size:10px}}

/* 1.0.19 – megyeszékhelyek keresőlistája, szerkesztőben is kijelölhető. */
.header .search-results{max-height:min(62vh,480px);overflow-y:auto;overscroll-behavior:contain}
.header .search-results button{font-size:12px;font-weight:600;padding:8px 10px;min-height:37px;gap:8px}
.header .search-results>small{font-size:10px}
body.vm-edit-search-open .header .search-results{display:block}

/* 1.0.29: jogi oldalak biztonságosan renderelt Markdown stílusai */
.vm-markdown-prose{overflow-wrap:anywhere;line-height:1.8;font-size:15px}
.vm-markdown-prose h1,.vm-markdown-prose h2,.vm-markdown-prose h3{margin:1.35em 0 .5em;line-height:1.3}
.vm-markdown-prose h2{font-size:23px}.vm-markdown-prose h3{font-size:19px}
.vm-markdown-prose ul,.vm-markdown-prose ol{padding-left:1.7em;margin:0 0 1.2em}
.vm-markdown-prose li{margin:.3em 0}.vm-markdown-prose a{text-decoration:underline;color:#1d68bb}
.vm-markdown-prose pre{overflow:auto;background:#f0f5fb;padding:15px;border-radius:8px}
.vm-markdown-prose blockquote{border-left:3px solid #2b70cb;background:#f1f7fd;padding:10px 16px;margin:20px 0}

/* 1.0.30 Markdown-táblázatok a jogi oldalakon */
.vm-md-table-scroll{max-width:100%;overflow-x:auto;margin:16px 0 22px}
.vm-markdown-prose table,.vm-legal-preview table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;min-width:400px}
.vm-markdown-prose th,.vm-markdown-prose td,.vm-legal-preview th,.vm-legal-preview td{padding:10px 13px;border:1px solid #d8e4f4;vertical-align:top}
.vm-markdown-prose th,.vm-legal-preview th{background:#eaf3ff;color:#113b75;font-weight:700}
.vm-markdown-prose tbody tr:nth-child(even),.vm-legal-preview tbody tr:nth-child(even){background:#f5f9ff}

/* 1.0.32: az egész Google-kedvenc kártya megnyitható */
.google-preference-bar{cursor:pointer;text-decoration:none;color:inherit}.google-preference-bar:hover{border-color:#6198e9;box-shadow:0 7px 20px #123a6622}.google-preference-bar:focus-visible{outline:3px solid #438aff;outline-offset:3px}

/* Viharmágus 1.0.35: Google kártya esztétikai finomítás */
.google-preference-bar{margin:0 0 5px !important;border-radius:28px !important;overflow:hidden !important;clip-path:inset(0 round 28px)}
.google-preference-bar + *{margin-top:0 !important}