.weather-data-page{--data-blue:#69b9ff;--data-green:#64d9b0;--data-amber:#edc46d;color:var(--text)}
.data-main{padding-block:52px 38px;min-height:70vh}
.data-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:36px}
.data-heading .section-kicker{color:var(--data-blue);font-size:10px}
.data-heading h1{font:400 clamp(44px,5vw,68px)/1.05 "Bebas Neue",sans-serif;letter-spacing:.035em;color:var(--white);margin:12px 0}
.data-heading p{margin:0;color:var(--muted);font-size:14px}
.data-label{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted)}
.data-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.data-section-heading h2{font-size:12px;letter-spacing:.12em;margin:0;color:var(--white)}
.data-section-heading>span{font-size:11px;color:var(--muted)}
.data-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.data-main button{cursor:pointer;background:var(--panel);border:1px solid var(--line-strong);border-radius:7px;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#bac3ce;min-height:40px}
.data-main button:hover{border-color:var(--data-blue);color:var(--white)}
.data-main button[aria-pressed=true]{border-color:var(--data-blue);background:#162b3e;color:#a8d6ff}
.data-main button:disabled{cursor:default;opacity:.5}
.data-main :focus-visible{outline:2px solid var(--data-blue);outline-offset:3px}
.data-message{font-size:12px;color:var(--muted);margin:18px 0;min-height:19px}
.data-message.error{color:#ff9299}
.source-note{font-size:11px;line-height:1.8;color:var(--muted);margin:26px 0 0;max-width:1050px}
.source-note a{color:var(--data-blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.data-main{padding-top:34px}.data-heading{align-items:flex-start;gap:20px}}
@media(max-width:700px){.data-heading{flex-direction:column;margin-bottom:28px}.data-section-heading{flex-wrap:wrap}.data-main{padding-top:28px}.data-heading p{font-size:13px}}