:root{color-scheme:light;--navy:#0a2335;--ink:#122c3c;--muted:#708597;--aqua:#00a3b3;--blue:#087e9a;--line:#e1eaf0;--soft:#f3f8fa;--white:#fff;--green:#2ea882;--amber:#ce8c20;--red:#c45c5c}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:linear-gradient(180deg,#eaf4f6 0%,#f6f9fa 27%,#f8fafb 100%);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1180px;margin:0 auto;padding:0 30px}.masthead{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe9ef}.brand{color:var(--navy);font-size:22px;font-weight:800;letter-spacing:-.75px;text-decoration:none;display:inline-flex;align-items:center;gap:9px}.brand-mark{font-size:27px;color:var(--aqua);transform:rotate(-15deg);display:inline-block}.brand-dot{color:var(--aqua)}.header-tag{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#64818b;display:inline-flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 4px #cdeef0}main{padding:52px 0 42px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue);font-weight:800;letter-spacing:.14em;font-size:11px}.eyebrow-line{display:block;width:23px;height:2px;background:var(--aqua)}.intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:10px 0 35px}h1{font-size:clamp(32px,4.8vw,53px);margin:0 0 12px;letter-spacing:-.055em;font-weight:780;color:var(--navy);line-height:1.12}.h1-light{color:#68838e;font-weight:400}.subtitle{font-size:15px;color:#6a8290;margin:0}.subtitle code{background:#e1edf0;border-radius:5px;padding:3px 6px;font-size:12px;color:#406577}.source-link{font-size:13px;font-weight:700;color:var(--blue);text-decoration:none;border-bottom:1px solid #94c8d0;padding-bottom:5px;white-space:nowrap}.source-link:hover{text-decoration:none;color:var(--navy)}.overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:20px;margin-bottom:20px}.reading-card,.stat-card,.chart-card{border:1px solid var(--line);background:var(--white);box-shadow:0 12px 40px rgba(16,59,77,.04);border-radius:15px}.reading-card{min-height:268px;padding:28px 31px;position:relative;overflow:hidden;background:linear-gradient(118deg,#082a3e 0%,#10475b 100%);color:#fff;border-color:#0a4152}.reading-card:after{content:"";position:absolute;right:-44px;bottom:-130px;width:330px;height:330px;opacity:.12;background:repeating-radial-gradient(ellipse at center, transparent 0,transparent 22px,#c3eff2 23px,#c3eff2 24px);pointer-events:none}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#7da7b2;margin:0 0 16px}.reading-card .section-kicker{color:#b1d1d8}.reading-line{display:flex;gap:13px;align-items:baseline;margin-top:12px;white-space:nowrap}.reading-value{font-size:clamp(66px,8vw,100px);font-weight:760;letter-spacing:-.08em;line-height:1.13;min-width:1ch;font-variant-numeric:tabular-nums}.reading-unit{font-size:23px;font-weight:400;color:#b2d4da}.reading-meta{margin:13px 0 19px;color:#cee3e8;font-size:13px;display:flex;align-items:center;gap:9px}.clock{font-size:18px}.status{display:inline-flex;align-items:center;gap:9px;border-radius:100px;background:rgba(255,255,255,.12);padding:8px 12px;color:#eef9fb;font-size:12px;font-weight:700}.status-led{width:7px;height:7px;border-radius:50%;background:#adbec4}.status-ok .status-led{background:#63d8b2}.status-stale .status-led{background:#ffca74}.status-error .status-led{background:#fcaeae}.stat-card{padding:14px 28px;display:flex;flex-direction:column;justify-content:space-evenly}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;color:#728895}.stat-row:last-child{border:0}.stat-row strong{color:var(--navy);font-size:21px;letter-spacing:-.025em;white-space:nowrap;font-weight:720;font-variant-numeric:tabular-nums}.stat-row small{color:#8a9ba5;font-size:12px;font-weight:500}.chart-card{padding:28px 31px 20px}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.chart-header h2{font-size:23px;letter-spacing:-.035em;color:var(--navy);margin:-9px 0 0;font-weight:750}.periods{display:flex;gap:5px;background:#eff5f7;border-radius:10px;padding:5px}.period{cursor:pointer;padding:10px 16px;border:0;border-radius:7px;background:transparent;font-size:13px;color:#6e8996;font-weight:700;transition:background .15s ease,color .15s ease}.period:hover{color:var(--navy)}.period:focus-visible,.text-button:focus-visible{outline:3px solid #3bd0d0;outline-offset:2px}.period.active{background:var(--white);color:var(--blue);box-shadow:0 2px 8px #183a491a}.chart-context{display:flex;justify-content:space-between;color:#79909e;margin-top:30px;font-size:12px}.legend{display:flex;align-items:center;gap:8px;font-weight:700}.legend-line{display:inline-block;width:22px;height:3px;border-radius:2px;background:var(--aqua)}.graph-wrap{height:348px;position:relative;margin:10px 0 0}#chart{width:100%;height:100%;display:block;touch-action:pan-y}.chart-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;text-align:center;line-height:1.5;color:#81949f;background:rgba(255,255,255,.89);padding:15px 20px;border-radius:9px;pointer-events:none;max-width:90%}.chart-overlay[hidden]{display:none}.tooltip{position:absolute;z-index:3;background:#102d3f;color:#f0fbff;box-shadow:0 6px 20px #082a3e24;border-radius:8px;padding:10px 12px;font-size:12px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-115%)}.tooltip[hidden]{display:none}.chart-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:19px;font-size:12px;color:#8c9ca8}.text-button{color:var(--blue);font-size:12px;font-weight:700;border:0;cursor:pointer;background:transparent}.text-button:disabled{opacity:.35;cursor:default}.info-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:25px 7px 5px;color:#7e94a0;font-size:12px}.info-item{display:flex;align-items:center;gap:9px}.info-item strong{font-weight:700;color:#55717d}.info-icon{font-size:18px;color:var(--aqua)}footer{border-top:1px solid #dce8ed;padding:25px 0 31px;display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.7;color:#8b9da7}footer strong{color:#67818e}footer a{color:#3d8494;text-decoration:none}
@media(max-width:760px){.page{padding:0 16px}.masthead{height:68px}.header-tag{font-size:10px}main{padding-top:35px}.intro{display:block;margin-bottom:24px}.source-link{display:inline-block;margin-top:17px}.overview{grid-template-columns:1fr;gap:12px}.reading-card{padding:24px;min-height:230px}.reading-value{font-size:70px}.stat-card{display:grid;grid-template-columns:1fr 1fr;padding:9px 17px}.stat-row{align-items:start;flex-direction:column;gap:5px;padding:15px 9px}.stat-row:nth-child(odd){border-right:1px solid var(--line)}.stat-row:nth-child(n+3){border-bottom:0}.chart-card{padding:21px 16px 17px}.chart-header{align-items:start;flex-direction:column;gap:20px}.periods{width:100%}.period{flex:1;padding:10px 6px}.graph-wrap{height:300px}.chart-context{margin-top:22px}footer{display:block}footer div+div{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}