.weather-panel{border:1px solid #d7e0e4;background:#f4f7f8;border-radius:6px;padding:28px;margin-top:28px;margin-bottom:32px;color:#15374d;scroll-margin-top:100px}.weather-heading,.weather-current,.weather-now,.weather-compact-current{display:flex;align-items:center;gap:22px}.weather-heading{justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.weather-heading h2{font-size:32px;margin:0}.weather-heading .eyebrow{margin:0 0 8px}.weather-icon{object-fit:contain;flex:none}.weather-now>div,.weather-compact-current>div{display:flex;flex-direction:column;gap:4px}.weather-temperature{font-size:36px;line-height:1.2;font-weight:500}.weather-current{justify-content:space-between;flex-wrap:wrap}.weather-metrics{display:flex;gap:36px;margin:0}.weather-metrics dt,.weather-note,.weather-credit{font-size:12px;color:#526b79;line-height:1.6}.weather-metrics dd{margin:5px 0 0;font-size:18px}.weather-note{margin:16px 0}.weather-forecast{border-top:1px solid #d7e0e4;margin-top:20px;padding-top:16px}.weather-forecast>summary{cursor:pointer;font-size:18px;padding:6px 0}.weather-forecast>summary span{float:right;font-size:12px}.weather-forecast[open]>summary span{display:none}.weather-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:18px}.weather-day{background:white;border:1px solid #e0e7eb;border-radius:4px;padding:14px;min-width:0}.weather-day h3{font-family:inherit;font-size:14px;margin:0 0 12px}.weather-day p{font-size:13px;line-height:1.5;margin:8px 0}.weather-day details{font-size:12px;margin-top:12px}.weather-day summary{cursor:pointer}.weather-day .weather-chance{color:#526b79;font-size:12px}.weather-credit{margin:20px 0 0}.weather-panel a{text-underline-offset:3px}.weather-compact{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 24px}.weather-compact .weather-temperature{font-size:23px}.weather-compact .weather-icon{width:45px;height:40px}.weather-compact-current{gap:15px}.weather-label{font-size:11px;letter-spacing:.12em}.weather-compact-current span:not(.weather-label){font-size:13px}.weather-compact-meta{display:flex;flex-direction:column;gap:7px;font-size:13px}.weather-compact-meta small{font-size:11px;color:#526b79}.weather-retry{background:#15374d;color:white;border:0;padding:9px 16px;border-radius:3px;cursor:pointer}@media(max-width:650px){.weather-panel{padding:20px}.weather-compact{align-items:flex-start;flex-direction:column}.weather-compact-current{flex-wrap:wrap}.weather-label{width:100%}.weather-metrics{gap:20px;flex-wrap:wrap}.weather-days{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-forecast>summary span{float:none;display:block;margin-top:6px}.weather-heading h2{font-size:28px}}