.weather-section{padding:26px 0 42px;background:#f7f9fc}.weather-box{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:26px 28px;box-shadow:0 5px 18px rgba(29,50,77,.045);color:#202939;font-family:Arial,Helvetica,sans-serif}.weather-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.weather-eyebrow{color:#64748b;font-size:13px}.weather-top h2{font-size:25px;margin:4px 0;color:#18283e}.weather-place{font-size:13px;color:#66758a;margin:0}.weather-reload{background:#fff;border:1px solid #e0e5ed;color:#324760;padding:8px 13px;border-radius:8px;cursor:pointer;font-size:13px}.weather-reload:disabled{opacity:.4;cursor:default}.weather-now{display:flex;align-items:center;gap:22px;margin:22px 0 4px;min-height:110px}.weather-main{display:flex;align-items:center;gap:7px;flex-shrink:0}.weather-icon{display:block;width:87px;height:87px}.weather-main strong{font-size:64px;line-height:1;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums}.weather-units{font-size:18px;align-self:center;color:#24344a}.weather-current{display:flex;flex-direction:column;gap:6px;min-width:0}.weather-current>span{font-size:18px;color:#283b52}.weather-current small{font-size:13px;color:#79879a}.weather-details{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:13px;color:#627289}.weather-details b{font-weight:600;color:#374b65}.weather-tabs{display:flex;gap:18px;margin-top:15px;border-bottom:1px solid #edf0f3}.weather-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 3px 10px;color:#263c51;font-size:15px;cursor:pointer}.weather-tabs button.is-active{border-bottom-color:#f5b100;color:#111d30}.weather-tabs button:focus-visible{outline:2px solid #255bc2;outline-offset:2px}.weather-graph{margin-top:20px;min-height:165px}.weather-graph svg{width:100%;height:140px;display:block;overflow:visible}.weather-hours{display:flex;justify-content:space-between;padding:0 2%;font-size:12px;color:#697689}.weather-days{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:20px}.weather-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 4px;border-radius:12px;text-align:center;min-height:117px}.weather-day:first-child{background:#f1f3f5}.weather-day-name{font-size:15px}.weather-day-icon{width:65px;height:60px;display:block}.weather-day .temps{font-size:14px;white-space:nowrap}.weather-day .low{color:#6f7b8c}.weather-message{min-height:1.2em;margin:10px 0 0;font-size:13px;color:#65758a}.weather-message:empty{display:none}.weather-message.is-error{color:#9c3b2c}.weather-credit{font-size:11px;margin:8px 0 0;color:#64748b}.weather-credit summary{cursor:pointer;display:inline-block}.weather-credit a{color:#3567ad;text-decoration:underline}@media(max-width:720px){.weather-box{padding:18px 15px}.weather-now{gap:10px;align-items:flex-start}.weather-main{gap:3px}.weather-icon{width:53px;height:63px}.weather-main strong{font-size:45px}.weather-units{font-size:14px}.weather-current>span{font-size:15px}.weather-details{font-size:12px;gap:4px 9px}.weather-tabs{gap:12px}.weather-tabs button{font-size:14px}.weather-days{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 8px}.weather-day{flex:0 0 77px;scroll-snap-align:start}.weather-day-icon{width:58px;height:55px}.weather-hours{font-size:11px}}@media(max-width:390px){.weather-icon{width:43px}.weather-main strong{font-size:38px}.weather-now{flex-wrap:wrap}.weather-current{width:100%}}@media(prefers-reduced-motion:reduce){.weather-days{scroll-snap-type:none}}
html[data-theme=dark] .weather-section{background:#0c1424}html[data-theme=dark] .weather-box{background:#0f172a;border-color:#263447;color:#e5edf8;box-shadow:0 16px 46px rgba(2,6,23,.24)}html[data-theme=dark] .weather-top h2,html[data-theme=dark] .weather-current>span,html[data-theme=dark] .weather-main strong,html[data-theme=dark] .weather-tabs button{color:#eef4ff}html[data-theme=dark] .weather-eyebrow,html[data-theme=dark] .weather-place,html[data-theme=dark] .weather-current small,html[data-theme=dark] .weather-details,html[data-theme=dark] .weather-hours,html[data-theme=dark] .weather-message,html[data-theme=dark] .weather-day .low,html[data-theme=dark] .weather-credit{color:#9fb0c8}html[data-theme=dark] .weather-details b{color:#dbe7f5}html[data-theme=dark] .weather-reload{background:#111b2b;border-color:#2a3a4f;color:#e5edf8}html[data-theme=dark] .weather-tabs{border-color:#243246}html[data-theme=dark] .weather-day:first-child{background:#111b2b}