/* ORBQ-524 — /status. Same Daylight palette as the rest of the static site.
   State is carried by colour AND by a word, never by colour alone: a red square
   that only reads as red is unusable to a chunk of the audience and unreadable
   in a screenshot pasted into a thread. */
:root{
  --bg:#F7FAFC;--surface:#FFFFFF;--surface-2:#EEF4F4;--line:#DCE4EA;
  --ink:#0B1F1C;--muted:#44555E;--faint:#5E7079;
  --brand:#0D9488;--brand-deep:#0B7A70;--accent:#B45309;--sky:#2563EB;
  --up:#15803D;--degraded:#B45309;--down:#B23B3B;--maint:#2563EB;--nodata:#CBD5DD;
  --maxw:920px;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:'Space Grotesk','SG Fallback',var(--sans);letter-spacing:-0.02em;line-height:1.2}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.2rem;width:100%}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}

header.top{background:var(--surface);border-bottom:1px solid var(--line);padding:0.9rem 0}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:0.55rem;font-weight:700;text-decoration:none}
.topnav{display:flex;gap:1rem;font-size:0.92rem}
.topnav a{text-decoration:none;color:var(--muted)}

.lede{padding:2.2rem 0 1rem;max-width:66ch}
.lede h1{font-size:clamp(1.6rem,3.6vw,2.2rem)}
.lede p{color:var(--muted);margin-top:0.6rem}

.overall{display:flex;gap:0.9rem;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-left-width:4px;border-radius:12px;padding:1.1rem 1.2rem;margin:0.5rem 0 1rem}
.overall .dot{width:12px;height:12px;border-radius:50%;margin-top:0.45rem;flex-shrink:0;background:var(--nodata)}
.overall .o-text{display:flex;flex-direction:column}
.overall strong{font-size:1.12rem}
.overall .o-sub{font-size:0.84rem;color:var(--faint);margin-top:0.15rem}
.overall .o-note{font-size:0.88rem;color:var(--muted);margin-top:0.5rem;max-width:60ch}
.overall.s-operational{border-left-color:var(--up)} .overall.s-operational .dot{background:var(--up)}
.overall.s-degraded{border-left-color:var(--degraded)} .overall.s-degraded .dot{background:var(--degraded)}
.overall.s-down{border-left-color:var(--down)} .overall.s-down .dot{background:var(--down)}
.overall.s-loading{border-left-color:var(--nodata)}

section.blk{margin:2.2rem 0}
section.blk > h2{font-size:1.15rem;margin-bottom:0.3rem}
section.blk > .sub{color:var(--muted);font-size:0.92rem;margin-bottom:0.9rem;max-width:68ch}

.comps{list-style:none;display:flex;flex-direction:column;gap:0.55rem}
.comp{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0.8rem 1rem}
.c-head{display:flex;justify-content:space-between;align-items:baseline;gap:0.8rem;flex-wrap:wrap}
.c-label{font-weight:600}
.c-state{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.16rem 0.5rem;border-radius:999px;white-space:nowrap}
.comp.s-operational .c-state{background:#DCFCE7;color:#14532D}
.comp.s-degraded .c-state{background:#FEF3C7;color:#92400E}
.comp.s-down .c-state{background:#FEE2E2;color:#7F1D1D}
.comp.s-not_offered .c-state{background:var(--surface-2);color:var(--faint)}
.c-detail{font-size:0.86rem;color:var(--muted);margin-top:0.3rem;max-width:70ch}

.strip{display:flex;gap:2px;flex-wrap:wrap;margin:0.6rem 0}
.day{width:8px;height:26px;border-radius:2px;background:var(--nodata);display:inline-block}
.d-up{background:var(--up)} .d-degraded{background:var(--degraded)}
.d-down{background:var(--down)} .d-maint{background:var(--maint)} .d-nodata{background:var(--nodata)}
.hist-note{font-size:0.86rem;color:var(--faint);max-width:68ch}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:0.5rem 1.1rem;margin-top:0.7rem;font-size:0.8rem;color:var(--faint)}
.legend li{display:flex;align-items:center;gap:0.35rem}
.legend .day{height:12px}

.inc{background:var(--surface);border:1px solid var(--line);border-left-width:3px;border-radius:10px;padding:1rem;margin-bottom:0.7rem}
.inc.sev-major{border-left-color:var(--down)}
.inc.sev-minor{border-left-color:var(--degraded)}
.inc.sev-maintenance{border-left-color:var(--maint)}
.inc h3{font-size:1rem}
.i-meta{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.68rem;letter-spacing:0.06em;color:var(--faint);margin-top:0.2rem;text-transform:uppercase}
.i-sum{font-size:0.92rem;color:var(--muted);margin-top:0.55rem}
.i-updates{list-style:none;margin-top:0.7rem;border-top:1px solid var(--line);padding-top:0.6rem;font-size:0.87rem}
.i-updates li{display:flex;gap:0.7rem;margin:0.3rem 0}
.u-at{color:var(--faint);white-space:nowrap;font-size:0.8rem}
.u-text{color:var(--muted)}
.empty{font-size:0.92rem;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:1rem;max-width:70ch}

.scope{margin-left:1.2rem;color:var(--muted);font-size:0.92rem;max-width:72ch}
.scope li{margin:0.5rem 0}
.scope strong{color:var(--ink)}

footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.8rem 0 3rem;font-size:0.85rem;color:var(--faint)}
.foot-links{display:flex;flex-wrap:wrap;gap:0.5rem 0.9rem;margin-bottom:0.7rem}
.foot-links a{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}