.display{position:relative}
.climate-station{position:absolute;z-index:4;top:9vw;right:5vw;width:min(37vw,580px);padding:1vw 1.25vw;color:#f4fbff;background:rgba(4,24,43,.88);border:1px solid rgba(177,224,241,.42);border-radius:1vw;box-shadow:0 1vw 3vw rgba(0,10,22,.2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.1;pointer-events:none;backdrop-filter:blur(8px)}
.climate-station__heading{display:flex;justify-content:space-between;gap:1vw;color:#9ed9ec;font-size:clamp(11px,1vw,19px);font-weight:800;letter-spacing:.12em}
.climate-station__heading span:last-child{color:#d5e9f0;font-weight:500;letter-spacing:.02em;text-transform:none}
.climate-station__readings{display:grid;grid-template-columns:1.35fr 1fr;gap:1.2vw;margin-top:1vw}
.climate-station__weather{display:flex;align-items:center;gap:.75vw;min-width:0}
.climate-station__interior{display:block;min-width:0}
.climate-station__weather-icon{display:grid;width:3.5vw;height:3.5vw;min-width:42px;min-height:42px;place-items:center;font-size:clamp(27px,2.6vw,52px)}
.climate-station__label{display:block;overflow:hidden;color:#acd6e3;font-size:clamp(9px,.75vw,15px);font-weight:800;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}
.climate-station strong{display:block;margin-top:.25vw;font-size:clamp(22px,2.15vw,42px);letter-spacing:-.03em}
.climate-station small{display:block;margin-top:.25vw;overflow:hidden;color:#c2dbe3;font-size:clamp(11px,.85vw,17px);text-overflow:ellipsis;white-space:nowrap}
.climate-station__details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5vw 1vw;margin-top:1vw;padding-top:.75vw;border-top:1px solid rgba(177,224,241,.28);color:#d7eaf0;font-size:clamp(11px,.9vw,18px)}
.climate-station[data-state=unavailable] [data-climate-status]{color:#f4cf8a}
@media(max-width:900px){.climate-station{top:11vw;width:min(47vw,500px);padding:1.4vw 1.6vw}.climate-station__readings{grid-template-columns:1fr;gap:1vw}.climate-station__details{margin-top:.8vw}}
@media(max-width:560px){.climate-station{top:18vw;right:4vw;width:calc(100% - 8vw);padding:12px 14px;border-radius:12px}.climate-station__heading{font-size:11px}.climate-station__readings{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.climate-station__weather,.climate-station__interior{gap:7px}.climate-station__weather-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:27px}.climate-station strong{font-size:24px}.climate-station__label{font-size:9px}.climate-station small{font-size:11px}.climate-station__details{margin-top:10px;padding-top:8px;font-size:11px}}