@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#172b37;background:#f3f4f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #d6dadf;background:white;padding:10px 16px;border-radius:7px;color:inherit}button:hover{background:#e9ecef}a{color:inherit}header{height:86px;background:#101f2a;color:#eef1f5;display:flex;align-items:center;padding:0 4%;gap:28px}.brand{font:800 27px Manrope,sans-serif;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.logo{font-size:39px;color:#a6c2e3}.tag{font:10px 'DM Sans';letter-spacing:2px;margin-left:14px;color:#99aaaF}.source{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#b0c3d9}header button{background:transparent;border-color:#43515a;color:white}main{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:40px clamp(12px,1.5vw,32px) 20px}.top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#646f7b}h1{font:800 clamp(30px,3.3vw,47px) Manrope;letter-spacing:-2px;margin:10px 0}p{color:#6c7b80;font-size:14px;line-height:1.6}h2{font:700 20px Manrope;margin:8px 0}h3{font-weight:500}.location{width:310px}label{font-size:10px;letter-spacing:1.3px;font-weight:700}.searchbar{display:flex;background:white;border:1px solid #d7dbdf;border-radius:8px;padding:5px;margin:8px 0}.searchbar input{min-width:0;width:100%;border:0;padding:8px;outline:none}.searchbar button{background:#d9e3ee;border:0}.location>button{padding:0;background:none;border:0;font-size:12px;color:#3c536e}nav{display:flex;gap:28px;border-bottom:1px solid #d9dde1;margin-bottom:24px;align-items:center}nav button{border:0;background:none;border-radius:0;padding:16px 0;color:#747b84;font-weight:500}nav button.active{color:#18314e;border-bottom:3px solid #2a4c73}nav span{margin-left:auto;color:#777d84;font-size:11px}.dashboard{display:grid;grid-template-columns:0.85fr 1.6fr;gap:22px}.current{background:#17283b;color:#fff;border-radius:12px;padding:28px 30px;position:relative;overflow:hidden}.current .eyebrow{color:#afbed0}.live{float:right;font-size:9px;padding:3px 7px;border:1px solid #5b6d81;border-radius:4px}.current h2{font-size:26px;margin-top:20px}.temperature{display:flex;align-items:center;justify-content:space-between;font:500 76px Manrope;letter-spacing:-5px}.sun{font-size:69px;color:#e8cf88;letter-spacing:0}.current h3{margin:0 0 12px;font-size:20px}.current p{color:#bdc6d0;min-height:44px;font-size:12px}.metrics{display:flex;justify-content:space-between;border-top:1px solid #455364;padding-top:20px;margin-top:22px;gap:12px}.metrics small{display:block;font-size:9px;color:#a5b2c1;letter-spacing:1px}.metrics strong{display:block;font-weight:500;font-size:13px;margin-top:8px}.caption{font-size:9px;color:#9caab9;margin-top:20px}.mapcard,.panel{border:1px solid #dfe2e5;border-radius:12px;background:white;overflow:hidden}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;gap:10px}.cardhead h2{font-size:17px}.pill{font-size:9px;letter-spacing:1px;background:#edf0f3;padding:6px 8px;border-radius:4px;white-space:nowrap}#map{height:310px;background:#e0e4e8}.mapfoot{display:flex;justify-content:space-between;padding:15px 22px;font-size:10px;color:#6e757d}i{display:inline-block;width:7px;height:7px;background:#eaa66d;border-radius:50%;margin-right:5px}.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-top:22px}.hours{display:flex;overflow:auto;padding:0 15px 24px;gap:13px}.hour{min-width:65px;text-align:center;font-size:11px;color:#69717b}.hour b{display:block;font-size:17px;color:#24303e;margin:12px 0}.hour em{font-style:normal;font-size:22px}.muted{color:#7b8188;font-size:10px}.alert{margin:0 20px 17px;padding:16px;border:1px solid #e4e5df;border-radius:8px;background:#f8faf7}.alert button{padding:0;border:0;background:none;text-align:left;font-weight:700}.alert p{margin:6px 0;font-size:12px}.alert.severe{border-left:4px solid #d46d41}.alert.extreme{border-left:4px solid #be3e4b}.empty{padding:6px 22px 24px;color:#5c6875;font-size:13px}.sectionintro{display:flex;justify-content:space-between;align-items:center;padding:15px 0 25px}.filters{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.filters a{font-size:12px;color:#324d6c}.alertgrid,.daygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.alertgrid .alert{margin:0;background:white}.day{padding:24px;background:white;border:1px solid #dfe2e5;border-radius:10px}.day b{font:600 34px Manrope}.day p{font-size:12px}.day .eyebrow{margin-bottom:15px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:38px;border-top:1px solid #d9dde1;padding-top:23px;font-size:11px}footer>a{color:#596573}.safety{font-size:10px;color:#858b91}#status{font-size:12px;color:#8a572d;margin-bottom:12px}dialog{max-width:650px;width:90%;border:0;border-radius:14px;padding:30px;max-height:85vh}dialog::backdrop{background:#101c29b8}#close{float:right}#detail-body p{white-space:pre-wrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6685a8;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){header{height:70px}.brand{font-size:22px}.tag,.source{display:none}header button{margin-left:auto}.top{align-items:start;flex-direction:column;gap:15px}.location{width:100%}main{padding-top:25px}.dashboard,.lower{grid-template-columns:1fr}.current{padding:24px}.temperature{font-size:70px}nav{gap:22px}nav span{display:none}nav button{font-size:12px}.alertgrid,.daygrid{grid-template-columns:1fr}.sectionintro{gap:15px}.sectionintro h2{font-size:22px}.mapfoot{font-size:9px}footer{flex-direction:column;gap:10px}.hours{gap:15px}.top p{margin-bottom:0}h1{letter-spacing:-1px}}

.current-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.current-top .eyebrow{flex:1;font-size:9px}.current-top .live{float:none;display:inline-block;margin-left:6px;font-size:8px}.current-top button{padding:6px 8px;font-size:12px;background:#283b51;border-color:#6a798a;color:white}.metrics.observation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.observation-metrics small{line-height:1.6;font-size:8px}.observation-metrics strong{font-size:14px;overflow-wrap:anywhere;line-height:1.4}.reading-note{display:block;font-size:9px;line-height:1.5;color:#bdc6d0;margin-top:5px}.precip-reading{grid-column:1/-1;border-top:1px solid #455364;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.precip-reading strong{margin-top:0}.current #summary{min-height:0;font-size:11px}.current .caption{line-height:1.6;font-size:10px}.current .observation-stale{color:#ffcf8d}#map{min-height:310px}.mapcard{display:flex;flex-direction:column}.mapcard #map{flex:1}@media(max-width:380px){.current-top .live{display:block;margin:5px 0 0}.observation-metrics strong{font-size:13px}.metrics.observation-metrics{gap:18px 10px}}

.location-results{background:white;border:1px solid #cbd1d8;border-radius:8px;margin:8px 0;max-height:290px;overflow:auto}.location-results-title,.location-credit{padding:10px 12px;font-size:11px;color:#68737f}.location-results button{display:block;text-align:left;width:100%;border:0;border-top:1px solid #e4e7eb;border-radius:0;padding:12px}.location-results button strong{font-weight:600;font-size:13px}.location-results button span{display:block;font-size:11px;color:#6f7780;margin-top:4px}.location-help{font-size:10px;margin:5px 0 12px;color:#616b76}.location-results button:focus-visible{outline-offset:-3px}

.lower.hourly-full{grid-template-columns:minmax(0,1fr)}.hourly-full .hours{gap:18px;padding:5px 22px 25px}.hourly-full .hour{flex:1 0 66px}.top-alerts{margin-bottom:22px;border-left:6px solid #cf7945}.top-alerts #local-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;padding:0 20px 20px}.top-alerts .alert{margin:0}.today-banner{display:flex;gap:20px;align-items:flex-start;padding:24px 28px;border-radius:12px;margin-bottom:30px;border:1px solid #d0d6dd;border-left:6px solid #788695;background:#e8ebee;color:#233346}.today-symbol{font-size:38px;line-height:1.2}.today-content{flex:1;min-width:0}.today-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px}.today-level{font-weight:800;letter-spacing:1.5px}.today-banner h2{font-size:25px;margin:12px 0 8px}.today-banner p{color:inherit;font-size:14px;line-height:1.65;margin:8px 0}.today-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;line-height:1.6}.today-footer span{max-width:85%}.today-footer a{white-space:nowrap}.today-green{background:#ddf1e1;color:#194f2c;border-color:#95c6a1;border-left-color:#27824b}.today-yellow{background:#fff0b9;color:#664b04;border-color:#e3bf4c;border-left-color:#ba8908}.today-red{background:#ffe2df;color:#7e211d;border:2px solid #d14d40;border-left:8px solid #b72523;box-shadow:0 4px 18px #a22c2414}.today-red .today-level{background:#ac2926;color:white;padding:5px 9px;border-radius:4px}.today-red h2{font-size:28px;font-weight:800}.today-banner .today-action{font-weight:700}.today-red .today-action{border-top:1px solid #e6aaa3;padding-top:10px}.today-red .today-symbol{color:#b72523}@media(max-width:800px){.today-banner{padding:20px 16px;gap:12px}.today-symbol{font-size:28px}.today-banner h2,.today-red h2{font-size:22px}.today-heading{font-size:10px}.today-footer{align-items:start;flex-direction:column;gap:8px}.today-footer span{max-width:100%}.top-alerts #local-alerts{padding:0 14px 14px}.hourly-full .hours{padding-left:14px;padding-right:14px;gap:12px}}