: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);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{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}
.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;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}
.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-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;color:#526783;padding:0}
.today-date{margin-left:auto}
.main{padding-top:28px;padding-bottom:36px;min-height:70vh}
.breadcrumb{color:#8997a9;display:flex;gap:10px;align-items:center;margin-bottom:12px}
.heading-line{display:flex;justify-content:space-between;gap:15px}
.page-heading p{color:#7b8ba1;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;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;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;display:grid;grid-template-columns:1fr 1fr 1.12fr;position:relative;gap:10px}
.current-metrics>div{display:flex;align-items:center}
.current-metrics svg{color:#bcdcff;flex-shrink:0}
.current-metrics span{font-size:10px;color:#c4ddff}
.current-metrics strong{display:block;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);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{align-items:center;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{gap:20px;justify-content:center;font-size:11px;padding-top:15px}
.alert-legend span{display:flex;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}
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{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}
}
: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}
.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}
.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}
.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}
@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}
.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}
}
@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}
}
@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}
}
@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}
}
.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}
}
.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);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}
}
@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;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}
}
@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}
}
@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}
}
.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}
}
.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}
.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}
.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}
.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}
.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}
@media (min-width:801px) and (hover:hover) and (pointer:fine){
.header .nav-dropdown:hover>.dropdown-menu,.header .nav-dropdown:focus-within>.dropdown-menu{display:block!important}
.header .nav-dropdown:hover>summary{color:var(--blue)}
.header .nav-dropdown>.dropdown-menu{top:100%;margin-top:0}
.header .nav-dropdown>.dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px}
}
@media(max-width:700px){
#kek-idojaras-root,#kek-idojaras-root .container,#kek-idojaras-root .main,#kek-idojaras-root .content-grid,#kek-idojaras-root .main-column,#kek-idojaras-root aside{min-width:0;max-width:100%;box-sizing:border-box}
#kek-idojaras-root .content-grid,#kek-idojaras-root .hero-grid{grid-template-columns:minmax(0,1fr)}
#kek-idojaras-root .panel,#kek-idojaras-root .day-summary,#kek-idojaras-root .chart-wrap,#kek-idojaras-root .table-wrap{min-width:0;max-width:100%;box-sizing:border-box}
#kek-idojaras-root .table-wrap,#kek-idojaras-root .hour-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#kek-idojaras-root svg,#kek-idojaras-root img{max-width:100%}
}
@media (max-width: 800px){
#kek-idojaras-root .search{min-width:0;max-width:100%;flex:1 1 auto}
#kek-idojaras-root .search input,
  #kek-idojaras-root .search input:focus,
  #kek-idojaras-root input[type="search"],
  #kek-idojaras-root input[type="text"],
  #kek-idojaras-root .radar-location input{font-size:16px!important}
#kek-idojaras-root .search-results{max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
#kek-idojaras-root .search-results button{min-width:0;max-width:100%}
#kek-idojaras-root .search-results button > span{min-width:0;overflow-wrap:anywhere}
#kek-idojaras-root .topbar{min-width:0}
}
@media(max-width:700px){
#kek-idojaras-root .container{padding-left:10px!important;padding-right:10px!important}
#kek-idojaras-root .main:has(.hero-grid){padding-top:8px}
#kek-idojaras-root .main:has(.hero-grid)>.page-heading{padding:8px 10px 6px!important}
#kek-idojaras-root .main:has(.hero-grid)>.page-tabs{padding:0 10px!important;gap:14px}
#kek-idojaras-root .main:has(.hero-grid)>.hero-grid{padding:6px 4px 0!important;gap:10px}
#kek-idojaras-root .main:has(.hero-grid) .content-grid{gap:14px}
#kek-idojaras-root .main:has(.hero-grid) .notice{margin-left:4px;margin-right:4px}
#kek-idojaras-root .main:has(.hero-grid) .panel,
  #kek-idojaras-root .main:has(.hero-grid) .current-card,
  #kek-idojaras-root .main:has(.hero-grid) .day-summary{border-radius:12px}
}
@media(max-width:420px){
#kek-idojaras-root .container{padding-left:8px!important;padding-right:8px!important}
#kek-idojaras-root .main:has(.hero-grid)>.page-heading{padding:7px 8px 5px!important}
#kek-idojaras-root .main:has(.hero-grid)>.page-tabs{padding:0 8px!important;gap:12px}
#kek-idojaras-root .main:has(.hero-grid)>.hero-grid{padding:5px 2px 0!important}
}
#kek-idojaras-root .main .panel,
#kek-idojaras-root .main .day-summary,
#kek-idojaras-root .main .explore-card,
#kek-idojaras-root .main .quick-action-card,
#kek-idojaras-root .main .quick-highlight-card,
#kek-idojaras-root .main .news-hero,
#kek-idojaras-root .main .article-card,
#kek-idojaras-root .main .rain-summary-primary,
#kek-idojaras-root .main .summary-stat,
#kek-idojaras-root .main .scenario,
#kek-idojaras-root .main .map-controls,
#kek-idojaras-root .main .alert-controls,
#kek-idojaras-root .main .alert-report-meta>div{border-top:3px solid #76b8ed}
#kek-idojaras-root .main .current-card{border-top:3px solid #7bd5f6}
#kek-idojaras-root .main .main-column>.panel:first-child{border-top-color:#62c2de}
#kek-idojaras-root .main .main-column>.panel:nth-child(2){border-top-color:#638ee4}
#kek-idojaras-root .main .content-grid>aside>.panel:nth-child(2){border-top-color:#69b7b3}
#kek-idojaras-root .main .content-grid>aside>.panel:nth-child(3){border-top-color:#f6be59}
#kek-idojaras-root .main .scenario:nth-child(1){border-top-color:#e7bd5b}
#kek-idojaras-root .main .scenario:nth-child(2){border-top-color:#54a7df}
#kek-idojaras-root .main .scenario:nth-child(3){border-top-color:#8976d1}
#kek-idojaras-root .leaflet-popup .map-hover-card,
#kek-idojaras-root .leaflet-popup .map-hover-card *,
#kek-idojaras-root .map-hover-tooltip .map-hover-card,
#kek-idojaras-root .map-hover-tooltip .map-hover-card *{color: #fff !important}
#vm-air-page{min-height:70vh}
#vm-air-page .panel{border-top:3px solid #75b9ef;border-radius:15px}
#vm-air-page .vm-air-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 18px;margin:8px 0 18px}
#vm-air-page select{padding:9px 12px;border:1px solid #ccd9ec;background:#f6f9ff;border-radius:8px;margin-left:9px}
#vm-air-page .vm-air-view{display:flex;gap:5px}
#vm-air-page .vm-air-view button{padding:8px 12px;border:1px solid #d7e4f4;border-radius:8px;background:white}
#vm-air-page .vm-air-view button.selected{background:#1e63bd;color:white}
#vm-air-page #vm-air-status{margin-left:auto;font-size:12px;color:#547093}
#vm-air-page .vm-air-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:18px}
#vm-air-page .vm-air-grid>.panel{padding:12px;min-width:0}
#vm-air-page #vm-air-map{height:560px;border-radius:10px;overflow:hidden}
#vm-air-page .vm-air-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;padding:14px 0 3px}
#vm-air-page .vm-air-legend span{padding:4px 7px;border-radius:6px;background:#eef5fb}
#vm-air-page .vm-air-legend span:nth-child(1){border-top:3px solid #18a77a}
#vm-air-page .vm-air-legend span:nth-child(2){border-top:3px solid #51c38d}
#vm-air-page .vm-air-legend span:nth-child(3){border-top:3px solid #f4b83f}
#vm-air-page .vm-air-legend span:nth-child(4){border-top:3px solid #ef832e}
#vm-air-page .vm-air-legend span:nth-child(5){border-top:3px solid #db486a}
#vm-air-page .vm-air-legend span:nth-child(6){border-top:3px solid #8747b5}
#vm-air-page .vm-air-summary{background:linear-gradient(145deg,#123660,#2162a8);color:#fff!important}
#vm-air-page .vm-air-summary h2,#vm-air-page .vm-air-summary h3{color:white}
#vm-air-page .vm-air-number{font-size:38px;font-weight:750;margin-top:24px}
#vm-air-page .vm-air-number small{font-size:13px}
#vm-air-page .vm-air-summary>div>p{color:#d5e7ff}
#vm-air-page .vm-air-stat{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff33;padding:11px 0}
#vm-air-page .vm-air-table{margin-top:18px;padding:20px}
#vm-air-page #vm-air-search{width:100%;max-width:360px;border:1px solid #d5e3f5;padding:10px;border-radius:8px;margin:13px 0}
#vm-air-page .vm-air-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:11px;border-bottom:1px solid #e0eaf5}
#vm-air-page .vm-air-row.header{font-weight:700;background:#eff6ff}
#vm-air-page .vm-air-source{margin:16px 0;color:#5b7291;font-size:12px}
#vm-air-page .vm-air-source a{color:#195db2;text-decoration:underline}
#vm-air-page .vm-air-pin{border-radius:30px;color:#fff;text-shadow:0 1px 2px #0008;font-weight:800;font-size:12px;padding:8px;display:block;min-width:42px;text-align:center;box-shadow:0 4px 14px #092d6755}
#vm-air-page .vm-air-pin.raised{transform:translateY(-10px);box-shadow:0 17px 9px -6px #0006}
#vm-air-page .vm-air-popup{min-width:165px}
#vm-air-page .vm-air-popup h3{margin:0 0 5px}
#vm-air-page .vm-air-popup p{font-size:11px;margin:6px 0}
#vm-air-page .vm-air-fields{border-top:1px solid #d4e5f5;padding-top:8px;font-size:12px;line-height:1.9}
@media(max-width:800px){
#vm-air-page .vm-air-grid{grid-template-columns:1fr}
#vm-air-page #vm-air-map{height:460px}
#vm-air-page .vm-air-toolbar{gap:10px}
#vm-air-page .vm-air-row{grid-template-columns:1fr 1fr}
#vm-air-page .vm-air-row>:last-child{display:none}
}
#kek-idojaras-root .map-shortcuts{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;overflow-x:visible!important;white-space:normal!important;gap:7px!important;padding:7px 0 13px!important;margin-bottom:8px!important;scrollbar-width:none!important}
#kek-idojaras-root .map-shortcuts>a{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important;align-items:center!important;min-height:32px!important;margin:0!important}
#kek-idojaras-root .map-shortcuts::-webkit-scrollbar{display:none!important}
@media(max-width:700px){
#kek-idojaras-root .map-shortcuts{gap:6px!important}
#kek-idojaras-root .map-shortcuts>a{font-size:10px;padding:6px 9px!important}
}
#kek-idojaras-root .map-shortcuts,#vm-air-page .map-shortcuts{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;overflow-x:visible!important;white-space:normal!important;gap:7px!important;padding:8px 0 13px!important;margin:0 0 10px!important;max-width:100%!important;scrollbar-width:none!important}
#kek-idojaras-root .map-shortcuts a,#vm-air-page .map-shortcuts a{display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;white-space:nowrap!important;min-height:32px!important;margin:0!important}
#kek-idojaras-root .map-shortcuts::-webkit-scrollbar,#vm-air-page .map-shortcuts::-webkit-scrollbar{display:none!important}
@media(max-width:700px){
#kek-idojaras-root .map-shortcuts,#vm-air-page .map-shortcuts{gap:5px!important}
#kek-idojaras-root .map-shortcuts a,#vm-air-page .map-shortcuts a{font-size:10px!important;padding:6px 8px!important}
}
.vm-mobile-map-select{display:none}
@media(max-width:700px){
#kek-idojaras-root .map-shortcuts,#vm-air-page .map-shortcuts{display:none!important}
#kek-idojaras-root .vm-mobile-map-select,#vm-air-page .vm-mobile-map-select{display:block;margin:9px 0 14px;width:100%}
.vm-mobile-map-select label{display:block;font-size:12px;font-weight:700;color:#274b77}
.vm-mobile-map-select select{display:block;appearance:auto;width:100%;max-width:100%;min-height:46px;margin-top:6px;padding:10px 12px;background:#fff;color:#173b6d;border:1px solid #bed5f2;border-radius:10px;font-size:16px;box-shadow:0 4px 14px #134c8c0d}
}
#kek-idojaras-root .header .search>input,#kek-idojaras-root .header .search>kbd,#kek-idojaras-root .header .search>.search-results{display:none!important}
#kek-idojaras-root .header .search .vm-search-trigger{flex:1;min-width:0;height:100%;background:transparent;border:0;text-align:left;color:#7388a6;font-size:13px;cursor:pointer}
#vm-search-dialog{display:none;position:fixed;inset:0;z-index:2147483000;align-items:flex-start;justify-content:center;padding:clamp(50px,12vh,130px) 14px 20px}
#vm-search-dialog.is-open{display:flex}
#vm-search-dialog .vm-search-shade{position:absolute;inset:0;background:#10294799;backdrop-filter:blur(5px)}
#vm-search-dialog .vm-search-box{position:relative;width:min(100%,620px);max-height:80vh;overflow:auto;background:#fff;border:1px solid #bcd3f4;border-radius:17px;padding:20px;box-shadow:0 25px 90px #0d335c44;color:#153960}
#vm-search-dialog .vm-search-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:18px;font-weight:750}
#vm-search-dialog .vm-search-close{border:1px solid #d4e2f4;border-radius:10px;background:#f2f7ff;width:38px;height:38px;font-size:27px;line-height:1}
#vm-search-modal-input{display:block;width:100%;height:52px;border:1px solid #a8c7f3;border-radius:10px;background:#f8fbff;padding:0 14px;color:#153960;font-size:16px;outline-offset:2px}
#vm-search-options{margin-top:10px;display:grid;gap:4px}
#vm-search-options a{display:block;padding:12px 14px;border-radius:8px;background:#f3f8ff;border:1px solid transparent;color:#16467f;font-size:14px}
#vm-search-options a:hover,#vm-search-options a:focus{background:#e6f1ff;border-color:#b3d3ff}
#vm-search-options p{color:#65809b;padding:12px}
body.vm-search-open{overflow:hidden}
#vm-search-dialog .vm-search-box{width:min(100%,730px);padding:clamp(18px,3vw,28px);border:2px solid #a5c5ee;border-radius:20px}
#vm-search-dialog .vm-search-top{font-size:clamp(20px,2.5vw,24px);color:#092a55;font-weight:800}
#vm-search-modal-input{height:60px;background:#fff;border:2px solid #2463c5;color:#072b59;font-size:18px;font-weight:650}
#vm-search-modal-input::placeholder{color:#425b78;opacity:1}
#vm-search-modal-input:focus-visible,#vm-search-dialog .vm-search-close:focus-visible,#vm-search-options a:focus-visible{outline:3px solid #f0a500;outline-offset:3px}
#vm-search-options{gap:7px;margin-top:16px;max-height:min(60vh,650px);overflow-y:auto;padding:2px 3px 5px}
#vm-search-options a{min-height:60px;padding:13px 17px;display:flex;align-items:center;flex-wrap:wrap;column-gap:12px;row-gap:3px;background:#f3f7fe;border:1px solid #c8d9ef;border-radius:11px;text-decoration:none;box-shadow:0 2px 5px #12395b09}
#vm-search-options a:hover,#vm-search-options a:focus-visible{background:#e3efff;border-color:#1761ce;text-decoration:none}
#vm-search-options a .vm-result-city{font-size:18px;line-height:1.35;font-weight:800;color:#083776}
#vm-search-options a .vm-result-county{font-size:15px;line-height:1.4;font-weight:650;color:#334c69}
#vm-search-options a .vm-result-arrow{margin-left:auto;font-size:28px;font-weight:700;line-height:1;color:#155cbd}
#vm-search-options p{font-size:16px;font-weight:650;color:#304e72}
#vm-search-dialog .vm-search-close{color:#173a68;font-weight:800}
@media(max-width:700px){
#vm-search-dialog{padding:30px 10px 12px}
#vm-search-dialog .vm-search-box{max-height:calc(100dvh - 45px);padding:16px}
#vm-search-options{max-height:calc(100dvh - 215px)}
#vm-search-options a{min-height:58px;padding:12px 13px}
#vm-search-options a .vm-result-city{font-size:17px}
#vm-search-options a .vm-result-county{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
#vm-search-dialog *{scroll-behavior:auto!important;transition:none!important}
}
#kek-idojaras-root .current-card .current-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#kek-idojaras-root .current-card .current-metrics>div{min-width:0;display:flex;align-items:center;gap:9px}
#kek-idojaras-root .current-card .current-metrics>div>span{display:block;min-width:0;overflow-wrap:anywhere;font-weight:600;line-height:1.35}
#kek-idojaras-root .current-card .current-metrics strong{font-variant-numeric:tabular-nums;white-space:normal;line-height:1.3}
#kek-idojaras-root .current-card .current-metrics strong small{display:inline-block;white-space:normal}
#kek-idojaras-root .vm-city-air{position:relative;margin-top:19px;border-top:1px solid #ffffff5c;padding-top:15px}
#kek-idojaras-root .vm-city-air-title{font-size:14px;font-weight:750;color:white;display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:10px}
#kek-idojaras-root .vm-city-air-title small{color:#d7ebff;font-size:11px;font-weight:550}
#kek-idojaras-root .vm-city-air-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#kek-idojaras-root .vm-city-air-values>div{min-height:63px;border:1px solid #ffffff55;border-radius:10px;padding:8px 10px;background:#ffffff16;min-width:0}
#kek-idojaras-root .vm-city-air-values span{font-size:12px;font-weight:650;display:block;color:#e9f4ff}
#kek-idojaras-root .vm-city-air-values strong{font-size:14px;display:block;color:#fff;min-height:23px;margin-top:4px;overflow-wrap:anywhere}
#kek-idojaras-root .vm-city-air-source{display:block;margin-top:10px;font-size:10px;color:#edf7ff;overflow-wrap:anywhere}
@media(max-width:700px){
#kek-idojaras-root .current-card .current-metrics{gap:7px;padding-top:15px;align-items:stretch}
#kek-idojaras-root .current-card .current-metrics>div{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:10px 3px;background:#ffffff14;border:1px solid #ffffff36;border-radius:10px;gap:4px}
#kek-idojaras-root .current-card .current-metrics>div>svg{width:23px;height:23px}
#kek-idojaras-root .current-card .current-metrics>div>span{font-size:12px;line-height:1.3}
#kek-idojaras-root .current-card .current-metrics strong{font-size:18px;margin-top:5px}
#kek-idojaras-root .current-card .current-metrics strong small{font-size:10px;margin-left:2px}
#kek-idojaras-root .vm-city-air-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
#kek-idojaras-root .vm-city-air[hidden]{display:none!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level{border-width:2px!important;border-style:solid!important;box-shadow:inset 0 0 0 1px #ffffff18}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-0{border-color:#18a77a!important;background:#0a765b88!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-1{border-color:#51c38d!important;background:#116f6388!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-2{border-color:#f4b83f!important;background:#89540699!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-3{border-color:#ef832e!important;background:#873b0a99!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-4{border-color:#db486a!important;background:#84173599!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-5{border-color:#ad78da!important;background:#592474aa!important}
#kek-idojaras-root .vm-city-air-values .vm-air-quality-label{display:block;margin-top:4px;color:#fff;font-size:11px;font-weight:750;line-height:1.35}
#kek-idojaras-root .vm-city-air{margin-top:13px!important;padding-top:11px!important}
#kek-idojaras-root .vm-city-air-title{margin-bottom:7px!important;font-size:13px!important}
#kek-idojaras-root .vm-city-air-values{gap:7px!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level{min-height:0!important;padding:8px 10px 7px!important;border:1px solid #ffffff40!important;border-radius:9px!important;background:#ffffff0d!important;box-shadow:none!important;position:relative;overflow:hidden}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--vm-air-accent,#84d9ae)}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-0{--vm-air-accent:#19b987}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-1{--vm-air-accent:#60dca6}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-2{--vm-air-accent:#ffca55}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-3{--vm-air-accent:#ff964d}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-4{--vm-air-accent:#ff6384}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level-5{--vm-air-accent:#b995ff}
#kek-idojaras-root .vm-city-air-values span{font-size:11px!important;font-weight:650!important;color:#fff!important;line-height:1.15!important}
#kek-idojaras-root .vm-city-air-values strong{font-size:13px!important;min-height:0!important;margin-top:3px!important;line-height:1.25!important;color:#fff!important;font-weight:700!important}
#kek-idojaras-root .vm-city-air-values .vm-air-quality-label{font-size:10px!important;line-height:1.2!important;margin-top:3px!important;color:#fff!important;font-weight:600!important;opacity:.92}
#kek-idojaras-root .vm-city-air-source{margin-top:8px!important;font-size:10px!important;color:#fff!important;opacity:.85}
@media(max-width:700px){
#kek-idojaras-root .vm-city-air-values{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#kek-idojaras-root .vm-city-air-values>div.vm-air-level{padding:7px 9px!important}
}
.vm-soil-shell{background:#fff;border:1px solid #c5dcfa;border-top:3px solid #64b2ef;border-radius:15px;padding:12px;margin:14px 0 24px;box-shadow:0 8px 25px #16365a09}
.vm-soil-toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:2px 0 10px;color:#123b70;font-weight:650}
.vm-soil-toolbar select,.vm-soil-toolbar button{border:1px solid #b3cff3;border-radius:8px;background:#f6faff;padding:9px 13px;color:#123b70;font-weight:650;min-height:44px}
.vm-soil-toolbar button{cursor:pointer;background:#1764cb;color:#fff}
.vm-soil-note{background:#edf5ff;border-radius:9px;padding:12px 15px;color:#24476e;font-size:14px;line-height:1.6;margin:12px 0}
.vm-soil-status,#vm-soil-stats{color:#1c487f;font-size:14px;padding:6px 0}
#vm-soil-map{border-radius:10px;overflow:hidden;border:1px solid #d3e4f8}
@media(max-width:700px){
.vm-soil-shell{padding:8px}
#vm-soil-map{height:430px!important}
}
body[data-vm-ui-page="/talajhomerseklet"] #kek-idojaras-root .map-shortcuts ~ :not(.vm-soil-note):not(.vm-soil-shell),
body[data-vm-ui-page="/talajnedvesseg"] #kek-idojaras-root .map-shortcuts ~ :not(.vm-soil-note):not(.vm-soil-shell),
body[data-vm-ui-page="/aszalyterkep"] #kek-idojaras-root .map-shortcuts ~ :not(.vm-soil-note):not(.vm-soil-shell){display:none!important}
body.vm-fullpage #kek-idojaras-root .station-map,
body.vm-fullpage #kek-idojaras-root .map-panel,
body.vm-fullpage #kek-idojaras-root .radar-dashboard,
body.vm-fullpage #vm-air-page .vm-air-grid > .panel,
body.vm-fullpage .vm-soil-map-panel{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body.vm-fullpage #kek-idojaras-root .leaflet-target,
body.vm-fullpage #kek-idojaras-root .radar-map-canvas,
body.vm-fullpage #vm-air-map,
body.vm-fullpage #vm-soil-map,
body.vm-fullpage #kek-idojaras-root .leaflet-container{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body.vm-fullpage #kek-idojaras-root .leaflet-control-attribution,
body.vm-fullpage #vm-air-page .leaflet-control-attribution{background:rgba(247,250,255,.96)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:1px 5px!important;font-size:9px!important;line-height:15px!important;color:#38536f!important;max-width:100%}
body.vm-fullpage #kek-idojaras-root .leaflet-control-attribution a,
body.vm-fullpage #vm-air-page .leaflet-control-attribution a{color:#165aab!important}
body.vm-fullpage #kek-idojaras-root .leaflet-container .leaflet-bottom.leaflet-right,
body.vm-fullpage #vm-air-page .leaflet-container .leaflet-bottom.leaflet-right{left:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(239,245,252,.98)!important;border-top:1px solid #d4e2f1!important;border-radius:0!important;min-height:21px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;pointer-events:none!important}
body.vm-fullpage #kek-idojaras-root .leaflet-container .leaflet-bottom.leaflet-right .leaflet-control-attribution,
body.vm-fullpage #vm-air-page .leaflet-container .leaflet-bottom.leaflet-right .leaflet-control-attribution{float:none!important;clear:none!important;margin:0!important;width:auto!important;max-width:100%!important;line-height:19px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0 8px!important;font-size:9px!important;pointer-events:auto!important}
body.vm-fullpage #kek-idojaras-root .leaflet-container,
body.vm-fullpage #vm-air-page .leaflet-container{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
:root{--muted:#61758d}
.current-card :is(h1,h2,h3,h4,strong,b,.temperature),.rain-summary-primary :is(h1,h2,h3,h4,strong,b),.quick-highlight-card :is(h1,h2,h3,h4,strong,b),.map-stats :is(h1,h2,h3,h4,strong,b){color:#fff}
.current-card :is(p,small,em),.rain-summary-primary :is(p,small,em),.quick-highlight-card :is(p,small,em),.map-stats :is(p,small,em,.info-row span,.ranking span){color:#e8f2ff}
.current-card a,.rain-summary-primary a,.quick-highlight-card a,.map-stats a,.source-pill,.source-pill :is(strong,b,small,span){color:#fff}
.rain-summary-primary{background:linear-gradient(120deg,#16487f,#2465a7)}
.source-pill{background:linear-gradient(135deg,#16477f,#2466a8)}
.source-line,.vm-forecast-status,.vm-forecast-note,.vm-pollen-source,.section-head p{color:#506c84}
.current-card{background:radial-gradient(ellipse at 87% 10%,#2b77bb33,transparent 46%),linear-gradient(128deg,#063477,#0d57a1 55%,#1266ae)}
.quick-highlight-card{background:linear-gradient(130deg,#12355d,#1856a1 62%,#1c65a7)}
#vm-air-page .vm-air-summary :is(h2,h3,strong,b,span,small),.vm-soil-summary :is(h2,h3,strong,b,span,small){color:#fff}

/* Editable Google banner: preserve line breaks and fit long text on mobile. */
.google-copy strong{white-space:pre-line;overflow-wrap:anywhere}

/* Nameday is plain text, without a navigation action. */
.vm-nameday:hover{text-decoration:none;cursor:default}

#kek-idojaras-root a.vm-ui-unlinked,#kek-idojaras-root a.vm-ui-unlinked:hover{cursor:default!important;text-decoration:none!important}