:root{color-scheme:light;--ink:#203e37;--muted:#65746a;--paper:#f7f6ef;--line:#dce2d6;--temp:#b36237;--dew:#247467;--rh:#467da3;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,summary{cursor:pointer}button{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.65rem 1rem;background:#fff;color:var(--ink)}button:hover{background:#e8eee3}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid #c5803d;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:white;padding:1rem;z-index:5}.skip:focus{top:8px}.site-header{border-bottom:1px solid var(--line);background:#fcfcf7}.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 36px;gap:20px}.brand{text-decoration:none;font-size:30px;font-weight:750;letter-spacing:-1.5px}.brand span{color:#b0804c}.header-label,.eyebrow{letter-spacing:2px;font-size:.71rem;font-weight:750}.header-label{color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 36px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:54px 0 34px}.eyebrow{margin:0 0 12px;color:var(--muted)}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.3rem);font-weight:400;letter-spacing:-2px;margin:0 0 16px;line-height:1.1}.intro-copy{font-size:1.05rem;color:var(--muted);line-height:1.7;margin:0}h2{font-size:1.35rem;letter-spacing:-.4px;margin:0 0 12px}.status{font-size:.8rem;border:1px solid var(--line);border-radius:30px;padding:10px 15px;white-space:nowrap;background:white}.status.ok{color:#226240;background:#e7efdf}.status.stale,.status.waiting,.status.offline{color:#805324;background:#f6ead2}.notice{padding:16px 20px;border:1px solid #d9bb85;background:#fff3d9;border-radius:10px;line-height:1.6;margin:0 0 20px}.notice.demo{background:#e8eef8;border-color:#b8c9e7;color:#314a77}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.toolbar .eyebrow{margin-bottom:6px}.toolbar h2{margin:0}.update{display:flex;align-items:center;gap:20px;font-size:.8rem}.update p{margin:4px 0}.muted{color:var(--muted);font-size:.87rem;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 30px}.metric{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px 22px}.metric h2{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;gap:8px}.metric h2>span{font-size:1.4rem}.metric .value{margin:25px 0 16px;letter-spacing:-2px;font-size:clamp(2rem,4vw,3.3rem);font-weight:500;line-height:1}.value small{font-size:1.25rem;letter-spacing:0;margin-left:6px;color:var(--muted)}.metric>p:last-child{font-size:.71rem;color:var(--muted);margin:0;line-height:1.6}.temp{background:#fcf7ed}.temp .value{color:var(--temp)}.dew{background:#e9f0e6}.dew .value{color:var(--dew)}.rh{background:#edf3f5}.rh .value{color:var(--rh)}.gap{background:#f2efe7}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:26px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.panel-heading h2{font-family:Georgia,serif;font-weight:400;font-size:1.8rem}.range-control{display:flex;gap:3px;white-space:nowrap}.range-control button{border-color:transparent;background:var(--paper);padding:.5rem .7rem}.range-control button[aria-pressed=true]{background:var(--ink);color:#fff}.legend{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.legend button{font-size:.8rem;border:0;background:transparent;padding:8px}.legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.dot{display:inline-block;width:16px;height:3px;vertical-align:middle;margin-right:8px}.temp-dot{background:var(--temp)}.dew-dot{background:var(--dew)}.rh-dot{background:var(--rh)}#chart{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:#e7eae2;stroke-width:1}.chart-label{fill:var(--muted);font-size:12px}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.line-temperature_c{stroke:var(--temp)}.line-dew_point_c{stroke:var(--dew)}.line-humidity_pct{stroke:var(--rh);stroke-dasharray:6 4}.point-temperature_c{fill:var(--temp)}.point-dew_point_c{fill:var(--dew)}.point-humidity_pct{fill:var(--rh)}.empty{text-align:center;color:var(--muted);padding:70px 16px;border:1px dashed var(--line);border-radius:10px}.chart-foot{font-size:.75rem;color:var(--muted);text-align:right;margin:16px 0 25px}details{border-top:1px solid var(--line);padding-top:20px}summary{font-size:.85rem}.table-scroll{overflow-x:auto;margin-top:16px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.8rem}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}caption{text-align:left;color:var(--muted);padding:10px}th{font-weight:600;color:var(--muted)}.lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.lower-grid p:not(.eyebrow){line-height:1.8;font-size:.9rem}.olive{background:#edf0df}.explanation{background:#f0ede2}.tag{display:inline-block;font-size:.7rem;border:1px solid #b8c2a2;border-radius:20px;padding:7px 10px;margin-bottom:8px}footer{display:flex;justify-content:space-between;gap:30px;padding:24px 0 40px;color:var(--muted)}footer p{font-size:.75rem;line-height:1.8}footer>p{text-align:right}.stale-data .value{opacity:.65}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.header-label{display:none}.panel-heading{flex-direction:column}.toolbar{align-items:flex-start}.update{flex-direction:column;align-items:flex-end}.intro{align-items:flex-start}.status{margin-top:10px}.lower-grid{gap:16px}}
@media(max-width:600px){main{padding:0 18px}.header-inner{padding:18px}#station-header{font-size:.75rem;max-width:45%;overflow-wrap:anywhere}.intro{display:block;padding:34px 0 24px}.intro .status{display:inline-block;margin-top:20px}.toolbar{display:block}.update{margin-top:16px;align-items:flex-start;gap:10px}.metrics{gap:10px}.metric{padding:18px 14px}.metric h2{font-size:.77rem}.metric .value{font-size:2.4rem}.panel{padding:20px 16px}.legend{gap:0}.legend button{font-size:.73rem}.lower-grid{grid-template-columns:1fr;gap:0}.chart-label{font-size:15px}footer{display:block}footer>p{text-align:left}h1{letter-spacing:-1.5px}.toolbar h2{overflow-wrap:anywhere}}