:root{color-scheme:dark;--bg:#09090b;--card:#121215;--card-hover:#1b1b21;--border:#2b2b32;--text-main:#f4f4f5;--text-muted:#a1a1aa;--ok:#10b981;--down:#f87171;--err:#fbbf24}*{box-sizing:border-box}:root[data-theme=light]{color-scheme:light;--bg:#f5f6f8;--card:#fff;--card-hover:#eef1f5;--border:#d5dae2;--text-main:#202733;--text-muted:#596577;--ok:#047857;--down:#c62828;--err:#a65b00}body{font:14px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;margin:0;background:var(--bg);color:var(--text-main)}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}a{color:inherit}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:600;letter-spacing:-1px;text-decoration:none}.crumb{color:var(--text-muted);font-size:12px;margin:4px 0 24px}.crumb a{text-decoration:none}section{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px;margin-bottom:20px}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:550;margin:4px 0}h2{font-size:18px;font-weight:550;margin:0 0 10px}.hero-heading,.hero-bottom,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-heading{justify-content:flex-start}.hero-heading img{object-fit:contain;border-radius:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--text-muted);margin:0}.hero-bottom{margin-top:24px}.external{border:1px solid var(--border);border-radius:10px;padding:11px 15px;text-decoration:none;white-space:nowrap}.muted,.axis{color:var(--text-muted);font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.graph{height:240px;display:flex;gap:5px;align-items:stretch;margin-top:30px;border-bottom:1px solid var(--border)}.graph .column{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px 4px 0 0;overflow:hidden}.column i{display:block;min-height:0;background:var(--ok)}.column[data-empty=true]{background:repeating-linear-gradient(135deg,transparent,transparent 5px,var(--border) 5px,var(--border) 6px)}.axis{display:flex;justify-content:space-between;padding-top:9px}.row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px;overflow-wrap:anywhere}.event{font-size:12px;padding:12px 0;border-bottom:1px solid var(--border)}button,select{font:inherit;color:var(--text-main);background:var(--card-hover);border:1px solid var(--border);padding:9px 13px;border-radius:8px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--text-main);color:var(--bg);width:100%}.stars{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.stars label{cursor:pointer}.stars input{accent-color:var(--ok)}footer{font-size:11px;color:var(--text-muted);line-height:1.8;padding-bottom:40px}#connection{color:var(--err)}@media(max-width:760px){header,main,footer{padding:16px}.layout{grid-template-columns:1fr}.hero-bottom{align-items:flex-start;flex-direction:column}section{padding:20px}h1{font-size:28px}.graph{height:210px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 3.2: progressive disclosure and touch-friendly service view */
.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border)}
#service-description{color:var(--text-muted);max-width:76ch;font-size:13px}#service-state{font-size:25px;letter-spacing:-.5px;margin-bottom:4px}#report-summary{margin:0}#updated{font-variant-numeric:tabular-nums}
.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-jump{display:flex;justify-content:space-between;gap:22px;padding:11px 16px;background:var(--text-main);color:var(--bg);border:1px solid var(--text-main);border-radius:10px;text-decoration:none}
.quiet-details{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.quiet-details summary{font-size:12px;color:var(--text-muted);cursor:pointer;min-height:30px;display:list-item}.quiet-details[open] summary{color:var(--text-main)}.source-details summary{font-size:16px;cursor:pointer;min-height:30px}.source-details[open] summary{margin-bottom:12px}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:17px;color:var(--text-muted);font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:8px;height:8px;border-radius:3px}.legend-ok{background:var(--ok)}.legend-issue{background:var(--down)}.legend-unknown{background:var(--text-muted)}
.graph{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--border) calc(25% - 1px),var(--border) 25%);gap:6px}.graph .column:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.graph .column:hover{filter:brightness(1.2)}
#report-section{scroll-margin-top:20px}.stars{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.stars label{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px;border:1px solid var(--border);border-radius:8px;font-size:12px}.stars label:has(input:checked){border-color:var(--ok);background:var(--card-hover)}.stars input{width:13px;margin:0}
:focus-visible{outline:2px solid var(--ok);outline-offset:4px}footer #independence{max-width:80ch}#connection:empty{display:none}
@media(max-width:760px){header{gap:12px;flex-wrap:wrap}.brand{font-size:21px}.hero-actions{width:100%;display:grid;grid-template-columns:1fr}.hero-actions a{text-align:center;justify-content:center;white-space:normal}.hero-heading{gap:14px}.hero-heading img{width:54px;height:54px}h1{overflow-wrap:anywhere}#service-state{font-size:22px}.graph{height:185px;gap:3px;margin-top:22px}section{padding:18px;border-radius:14px;margin-bottom:14px}.layout{gap:0}.section-head{gap:8px}.section-head h2{font-size:16px}.section-head select{max-width:45%}.issue-options label{min-height:46px}}
/* 3.3 — visual hierarchy and inspectable charts */
.hero{background:radial-gradient(ellipse at 95% 0%,var(--accent-wash),transparent 70%),var(--card)}.hero:before{height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-cyan),transparent)}.eyebrow{color:var(--accent);letter-spacing:2.5px}.hero-heading img{background:var(--accent-wash);padding:6px;border:1px solid var(--border)}
.report-jump,.primary{background:linear-gradient(115deg,#6d28d9,#4338ca);color:#fff;border-color:#8b5cf6;box-shadow:0 5px 20px #7c3aed22}.report-jump:hover,.primary:hover{filter:brightness(1.13)}.external:hover{color:var(--accent);border-color:var(--accent)}
.section-head h2{display:flex;gap:9px;align-items:center}.section-head h2:before{content:"";width:4px;height:18px;background:var(--accent);border-radius:4px}.graph{padding:0 3px;position:relative}.graph .column{cursor:crosshair;transition:filter .15s,opacity .15s}.graph:has(.column:hover) .column:not(:hover){opacity:.5}.graph .column:hover,.graph .column:focus-visible{filter:brightness(1.25)}
.chart-readout{margin:12px 0 0;min-height:42px;padding:10px 12px;background:var(--accent-wash);border:1px solid var(--border);border-radius:9px;color:var(--text-main);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.5}.chart-readout:empty{display:none}
.stars label:hover{border-color:var(--accent);color:var(--accent)}.stars label:has(input:checked){background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}.stars input{accent-color:var(--accent)}.quiet-details summary:hover,.source-details summary:hover{color:var(--accent)}
@media(max-width:760px){.report-jump,.primary{min-height:46px}.chart-readout{font-size:12px}.hero{padding-top:22px}}