.weather-card{background:linear-gradient(120deg,#b94e32,#d77843);color:white;border-radius:22px;padding:24px 30px;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;box-shadow:var(--shadow);text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.weather-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(21,61,58,.18)}
.weather-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.weather-icon{font-size:2.8rem;line-height:1}
.weather-copy .eyebrow{margin-bottom:5px}
.weather-copy h3{font-family:Georgia,serif;font-size:1.5rem;margin-bottom:2px}
.weather-copy p:last-child{margin:0;color:rgba(255,255,255,.82);font-size:.9rem}
.weather-numbers{text-align:right;display:flex;flex-direction:column}
.weather-numbers strong{font-family:Georgia,serif;font-size:2.8rem;font-weight:500;line-height:1}
.weather-numbers span{font-size:.84rem;color:rgba(255,255,255,.86);white-space:nowrap}
.weather-card.weather-error{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.weather-card.weather-error .weather-copy p:last-child,.weather-card.weather-error .weather-numbers span{color:var(--muted)}
@media(max-width:760px){.weather-card{grid-template-columns:auto 1fr;padding:21px}.weather-numbers{grid-column:1/-1;text-align:left;flex-direction:row;align-items:baseline;gap:12px}.weather-numbers strong{font-size:2.35rem}}