.weather-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.weather-extra.guide-card{margin:0;padding:22px 18px}.weather-extra h2{font-size:19px}.weather-extra p{font-size:12px}.weather-extra small{font-size:10px;color:#78817b;line-height:1.6}.weather-extra-value{display:block;font-size:42px;line-height:1.4;margin:10px 0}.weather-moon-label{display:block;font-size:17px;margin:20px 0}.uv-badge{display:inline-block;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.uv-low{background:#e3f1db;color:#2b6328}.uv-moderate{background:#fff3bd;color:#685000}.uv-high{background:#ffe5c7;color:#8b4600}.uv-very-high{background:#ffe0dd;color:#962623}.uv-extreme{background:#efdef8;color:#693189}.uv-unknown{background:#edf0e8;color:#65705f}.weather-hours{display:flex;gap:12px;overflow-x:auto;padding:4px 1px 16px;scroll-snap-type:x proximity}.weather-hour{flex:0 0 123px;border:1px solid #e1e8dc;background:#fff;border-radius:13px;padding:17px 10px;text-align:center;scroll-snap-align:start}.weather-hour time{display:block;font-size:13px;font-weight:700;color:#345d43}.weather-hour-icon{display:block;font-size:28px;margin:12px 0}.weather-hour strong{display:block;font-size:21px}.weather-hour p{font-size:11px}.weather-hour small{display:block;color:#78817b;font-size:10px;line-height:1.8}.weather-hours:focus-visible{outline:3px solid #7ba586;outline-offset:3px}@media(max-width:650px){.weather-extras{grid-template-columns:1fr}.weather-extra.guide-card{padding:20px}.weather-extra-value{display:inline-block;margin:0 15px 0 0;vertical-align:middle}.weather-moon-label{margin:10px 0}.weather-hour{flex-basis:112px}}