.weather-card{position:relative;display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,1.2fr) auto auto;align-items:center;gap:26px;margin:0 0 34px;padding:0 0 30px;overflow:hidden;color:#fff}
.weather-card-location{display:flex;align-items:center;gap:16px}
.weather-card-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;color:#efb9ac;font-size:29px;transition:transform .45s ease}
.weather-card:hover .weather-card-icon{transform:rotate(18deg)}
.weather-card-location>div,.weather-card-reading{display:grid;gap:4px}
.weather-card-kicker,.weather-card-label{color:#c5cece;font-size:9px;font-weight:600;letter-spacing:1.5px}
.weather-card-location strong{font:700 20px/1.2 Poppins,sans-serif}
.weather-card-location small{color:#c5cece;font-size:11px}
.weather-card-reading>strong{font:700 20px/1.3 Poppins,sans-serif}
.weather-card-details{color:#d5dddd;font-size:11px}
.weather-card-update{display:flex;align-items:center;gap:9px;color:#d5dddd;font-size:10px;white-space:nowrap}
.weather-live-indicator{width:7px;height:7px;flex:none;border-radius:50%;background:#a9c58b;box-shadow:0 0 0 4px #a9c58b20}
.weather-card-attribution{display:flex;align-items:center;gap:6px;color:#bbc5c6;font-size:9px;white-space:nowrap}
.weather-card-attribution a{color:#f0c7bd;text-decoration:underline;text-decoration-color:#f0c7bd66;text-underline-offset:3px}
.weather-card-attribution a:hover{color:#fff}
@media(max-width:1000px){.weather-card{grid-template-columns:1fr 1fr;gap:19px}.weather-card-update{grid-column:1;grid-row:2}.weather-card-attribution{grid-column:2;grid-row:2}}
@media(max-width:760px){.weather-card{gap:16px;padding:0 0 24px;margin-bottom:25px}.weather-card-location{gap:11px}.weather-card-icon{width:38px;height:38px;font-size:24px}.weather-card-location strong,.weather-card-reading>strong{font-size:16px}.weather-card-kicker,.weather-card-label{font-size:8px;letter-spacing:1px}.weather-card-attribution{flex-wrap:wrap;font-size:8px}.weather-card-update{font-size:9px}}
@media(max-width:430px){.weather-card{grid-template-columns:1fr;gap:14px}.weather-card-update,.weather-card-attribution{grid-column:auto;grid-row:auto}}