:root{color-scheme:light;--ink:#142c48;--muted:#52677c;--blue:#1d64df;--line:#dbe3ee;--paper:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}button,select{font:inherit}button,select,summary{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e48b26;outline-offset:4px}.header{background:#fff;border-bottom:1px solid var(--line);height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2))}.brand{font-weight:700;font-size:24px;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{color:#fff;background:var(--blue);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:26px}.header-note{color:var(--muted);font-size:14px}main{max-width:1248px;padding:48px 24px 64px;margin:auto}.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0 0 8px}h1{font-size:clamp(32px,4vw,46px);line-height:1.18;letter-spacing:-1.7px;margin:0}h2{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin:0}h3{font-size:21px;line-height:1.4;margin:10px 0}p{margin:0}.location{display:flex;flex-direction:column;gap:4px;min-width:230px}.location label{font-size:14px;color:var(--muted)}select{padding:10px 36px 10px 14px;background:#fff;border:1px solid #b9c8da;border-radius:8px;color:var(--ink);width:100%}.status-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px;font-size:14px;color:var(--muted)}button{border:1px solid var(--line);border-radius:6px;padding:7px 14px;background:#fff;color:var(--ink)}button:hover{border-color:var(--blue);color:var(--blue)}button:disabled{opacity:.6;cursor:wait}.overview{display:grid;grid-template-columns:1fr 1.65fr;gap:20px}.current{background:#122b49;color:white;border-radius:14px;padding:26px 30px;display:flex;flex-direction:column;min-height:354px}.current-top,.current-bottom{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#c0d3eb}.temperature{font-size:100px;line-height:1.2;letter-spacing:-6px;font-weight:500;margin-top:15px;font-variant-numeric:tabular-nums}.temperature span{color:#82b3ff}.current h2{font-size:25px;letter-spacing:0}.current>p{color:#c0d3eb;margin-top:4px}.current-bottom{padding-top:22px;margin-top:auto;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.metric p{font-size:15px;color:var(--muted)}.metric strong{display:block;font-size:36px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:4px 0;font-variant-numeric:tabular-nums}.metric span,.metric small{display:block;color:var(--muted);font-size:14px}.metric small{margin-top:10px}.section-heading{margin-bottom:24px}.secondary{font-size:14px;color:var(--muted);margin-top:7px}.changes{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:32px 0 40px}.chart-controls{display:flex;flex-wrap:wrap;gap:4px;background:var(--paper);border-radius:8px;padding:4px}.chart-controls button{font-size:14px;background:transparent;border-color:transparent;padding:8px 12px}.chart-controls button[aria-pressed=true]{background:var(--blue);color:white}.chart-legend{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--muted)}.chart-legend>span:last-child{margin-left:auto}.legend-line:before{content:'';display:inline-block;width:22px;border-top:3px solid var(--blue);margin-right:8px;vertical-align:middle}.forecast-line:before{border-top-style:dashed}.chart{height:260px;margin-top:8px}.chart svg{display:block;width:100%;height:100%;overflow:visible}.chart text{font:14px 'Segoe UI',Arial,sans-serif;fill:var(--muted)}.empty{padding:24px;color:var(--muted);font-size:15px}details{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;color:var(--muted);font-size:14px}.table-wrap{max-height:300px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;margin-top:12px}caption{text-align:left;padding:8px 0}th,td{padding:8px;border-bottom:1px solid var(--line)}.forecast{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.day{padding:22px 16px;border-right:1px solid var(--line)}.day:last-child{border:0}.day h3{font-size:16px;letter-spacing:0;margin:0}.day .date{font-size:14px;color:var(--muted)}.day .weather{font-size:14px;min-height:52px;margin:15px 0 8px;color:var(--muted)}.day .range{font-size:22px;font-weight:600;white-space:nowrap}.range span{font-size:18px;font-weight:400;color:var(--muted);margin-left:8px}.day .rain{color:var(--blue);font-size:14px;margin-top:10px}.notes{margin-top:48px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.note-grid article{border-top:2px solid #b9cbe0;padding-top:20px}.note-number{font-size:12px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.note-grid p{color:var(--muted);font-size:16px}footer{border-top:1px solid var(--line);max-width:1200px;padding:28px 0 40px;margin:auto;display:flex;gap:32px;align-items:flex-start;justify-content:space-between}footer p,footer>a{font-size:14px;color:var(--muted)}.footer-brand{font-size:21px}.notice{padding:16px;border:1px solid #c8a14b;background:#fff6db;margin-bottom:20px}@media(max-width:1000px){.changes .section-heading{align-items:flex-start;flex-direction:column}.forecast{grid-template-columns:repeat(4,1fr)}.day{border-bottom:1px solid var(--line)}footer{margin:0 24px}.overview{grid-template-columns:1fr 1.4fr}.metric{padding:18px}}@media(max-width:700px){.header{height:72px}.header-note{display:none}main{padding-top:32px}.page-heading{align-items:stretch;flex-direction:column;gap:20px}.location{min-width:0}.overview{grid-template-columns:1fr}.current{min-height:320px}.metrics{gap:10px}.metric{padding:18px 14px}.metric strong{font-size:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.changes{padding:20px 14px}.chart-controls{width:100%;gap:0}.chart-controls button{flex:1;padding:8px 6px}.chart-legend{gap:12px;font-size:12px}.forecast{grid-template-columns:repeat(2,1fr)}.day{padding:18px}.day:last-child{grid-column:span 2}.note-grid{grid-template-columns:1fr;gap:24px}footer{flex-direction:column;gap:16px}.temperature{font-size:90px}.status-line{align-items:flex-start}.chart{height:240px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}