.weather-card{background:var(--green);color:#fff;border-color:var(--green)}
.weather-card header p,.weather-card header small,.weather-card .caution{color:#d7e1da}
.weather-content{min-width:0}
.weather-current{display:flex;align-items:end;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.2)}
.weather-current strong{font:700 3.4rem/1 var(--serif)}
.weather-current span{display:block;color:#d7e1da}
.weather-alerts{display:grid;gap:8px;margin:16px 0}
.weather-alert{padding:10px 13px;border-radius:6px;background:#fff3d6;color:#5a3900;font-weight:700;font-size:.9rem}
.weather-alert.danger{background:#ffe3e6;color:#7b0e23}
.weather-days{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px;overflow-x:auto;padding-bottom:8px}
.weather-day{min-width:92px;padding:13px 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:7px}
.weather-day b,.weather-day span{display:block}.weather-day b{font-size:.8rem}
.weather-day .weather-icon{font-size:1.45rem;margin:7px 0}
.weather-day span{font-size:.76rem;color:#d7e1da}.weather-day strong{font-size:.95rem}
.weather-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#d7e1da;font-size:.78rem}
.weather-foot button{border:1px solid rgba(255,255,255,.35);background:none;color:#fff;padding:7px 11px;border-radius:5px;cursor:pointer}
@media(max-width:800px){.weather-current strong{font-size:2.8rem}.weather-days{grid-template-columns:repeat(7,105px)}}