
.cw-status-page{
  --cw-bg:#F3F3F3;--cw-white:#FFFFFF;--cw-chip:#E9E9EA;--cw-line:#BCBDBE;--cw-note:#FFF4C2;--cw-ink:#2A2C32;--cw-ink-2:#171C20;
  --cw-up:#137A3F;--cw-dn:#C8321B;--cw-link:#2457D8;--cw-muted:#666A73;--cw-amber:#8A5A00;
  --cw-good:#E6F4EA;--cw-warn:#FCE8E6;--cw-unk:#EEF0F3;--cw-unk-ink:#4C5563;--cw-unk-ring:#9AA0AA;--cw-solid:#171C20;
  --inset:0.9375rem;--tap:2.75rem;--column:68.75rem;
  margin:0;background:var(--cw-bg);color:var(--cw-ink);font-family:-apple-system,system-ui,"Segoe UI",Roboto,Inter,Arial,sans-serif;font-size:0.875rem;line-height:1.35;-webkit-font-smoothing:antialiased
}
.mp{box-sizing:border-box;padding:0 var(--inset) 6.25rem;max-width:40rem;margin:0 auto}
.mp *{box-sizing:border-box}
.mp p,.mp h1,.mp h2,.mp ul{margin:0}
.mp a{text-decoration:none}
.mp__title{padding:0.625rem 0 0.375rem}
.mp__title h1{font-size:1.375rem;font-weight:800;margin:0}
.mp__sub{display:block;font-size:0.7812rem;color:var(--cw-muted);margin-top:0.125rem}
.hnote{font-size:0.7812rem;color:var(--cw-muted);line-height:1.45;margin:0.375rem 0 0}
.sec{margin-top:1rem}
.sec h2{font-size:1.0625rem;font-weight:800;margin:0 0 0.5rem}
.st{font-style:normal;font-size:0.6875rem;font-weight:700;padding:0.0625rem 0.4375rem;border-radius:62.4375rem;white-space:nowrap}
.st--monitoring{background:var(--cw-good);color:var(--cw-up)}
.st--planned{background:var(--cw-unk);color:var(--cw-unk-ink)}
.st--investigating{background:var(--cw-warn);color:var(--cw-dn)}
.st--identified{background:var(--cw-note);color:var(--cw-amber)}
.st--resolved{background:var(--cw-chip);color:var(--cw-ink)}
.inc{background:var(--cw-white);border:1px solid var(--cw-line);border-radius:0.75rem;padding:0.625rem 0.75rem;margin:0 0 0.5rem}
.inc--open{border:2px solid var(--cw-amber)}
.inc__h{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin:0 0 0.375rem}
.inc__h b{font-size:0.9062rem;flex:1 1 auto;min-width:0}
.tl{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.25rem}
.tl li{display:grid;grid-template-columns:3.875rem minmax(0,1fr);gap:0.5rem;font-size:0.8125rem;line-height:1.4}
.tl li span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.75rem;color:var(--cw-muted);padding-top:1px}
.tl li i{font-style:normal;font-weight:800}
.inc__you{margin:0.375rem 0 0;font-size:0.7812rem;color:var(--cw-ink);background:var(--cw-bg);border-radius:0.5rem;padding:0.375rem 0.5rem;line-height:1.4}
.inc__you b{font-weight:800}
.sh{border-radius:0.875rem;padding:0.875rem 0.75rem;margin:0 0 0.75rem;display:flex;flex-direction:column;gap:0.25rem}
.sh b{font-size:1.5rem;font-weight:900;letter-spacing:.02em;line-height:1.1}
.sh p{margin:0;font-size:0.8438rem;line-height:1.45;color:var(--cw-ink)}
.sh small{font-size:0.75rem;opacity:.9}
.sh--up{background:var(--cw-good);color:var(--cw-up)}
.sh--deg{background:var(--cw-note);color:var(--cw-amber)}
.sh--off{background:var(--cw-warn);color:var(--cw-dn)}
.sh--static{background:var(--cw-unk);color:var(--cw-unk-ink)}
.reads,.chains{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.375rem}
.rd{display:grid;grid-template-columns:0.625rem minmax(0,1fr) auto;gap:0.25rem 0.625rem;align-items:start;background:var(--cw-white);border:0.0625rem solid var(--cw-line);border-radius:0.75rem;padding:0.625rem 0.75rem}
.rd__dot{width:0.625rem;height:0.625rem;border-radius:50%;margin-top:0.3125rem;background:var(--cw-up)}
.rd--stale .rd__dot{background:var(--cw-amber)}
.rd--failed .rd__dot{background:var(--cw-dn)}
.rd--off .rd__dot,.rd--unread .rd__dot{background:transparent;border:0.125rem solid var(--cw-unk-ring)}
.rd__t{display:flex;flex-direction:column;gap:0.0625rem;min-width:0}
.rd__t b{font-size:0.9062rem}
.rd__t small{font-size:0.75rem;color:var(--cw-muted);line-height:1.35}
.rd__age{font-size:0.75rem;font-weight:700;white-space:nowrap;text-align:right;color:var(--cw-ink);display:flex;flex-direction:column;align-items:flex-end;gap:0.125rem}
.rd__age small{font-weight:600;color:var(--cw-muted)}
.rd--stale .rd__age{color:var(--cw-amber)}
.rd--failed .rd__age{color:var(--cw-dn)}
.rd--off .rd__age,.rd--unread .rd__age{color:var(--cw-unk-ink)}
.ch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.125rem 0.625rem;background:var(--cw-white);border:0.0625rem solid var(--cw-line);border-radius:0.75rem;padding:0.625rem 0.75rem;align-items:center}
.ch b{font-size:0.9062rem}
.ch small{display:block;font-size:0.75rem;color:var(--cw-muted);line-height:1.35}
.ch .st{justify-self:end}
.ch--off b{color:var(--cw-unk-ink)}
.rulebox{background:var(--cw-white);border:0.0625rem solid var(--cw-line);border-radius:0.75rem;padding:0.625rem 0.75rem;font-size:0.8438rem;line-height:1.5}
.rulebox b{font-weight:800}
.btn{min-height:var(--tap);padding:0 1rem;border-radius:0.75rem;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;color:var(--cw-ink)}
.btn--ghost{background:transparent;border:0.0625rem solid var(--cw-line)}
.tell{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem}
.tell .btn{flex:1 1 8.75rem;min-width:0;font-size:0.875rem;padding:0 0.625rem}
.ver{margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.7188rem;color:var(--cw-muted);line-height:1.5;word-break:break-all}
.ver a{color:var(--cw-link);font-weight:700;min-height:var(--tap);display:inline-flex;align-items:center;padding:0 0.125rem;font-family:-apple-system,system-ui,"Segoe UI",Roboto,Inter,Arial,sans-serif;font-size:0.8125rem;word-break:normal}
.is-static .reads,.is-static .chains{opacity:.6}
.staticnote{font-size:0.7812rem;color:var(--cw-dn);font-weight:700;margin:0 0 0.5rem}
.staticnote[hidden]{display:none}
.foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 1rem;padding:0.5rem 0 1rem;font-size:0.8125rem;color:var(--cw-muted)}
.foot a{color:var(--cw-link);font-weight:500;min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;padding:0 0.125rem}
.foot__v{margin-left:auto;font-variant-numeric:tabular-nums;min-height:var(--tap);display:inline-flex;align-items:center}
.mp a:focus-visible{outline:0.1875rem solid var(--cw-link);outline-offset:0.125rem}

@media (min-width:75rem){
  .mp.col{max-width:var(--column);padding:0 0 6.25rem}
  .mp.col>*{max-width:40rem}
  .tell .btn{flex:0 0 auto}
}
@media (max-width:21.25rem){
  .rd{grid-template-columns:0.625rem minmax(0,1fr)}
  .rd__age{grid-column:2;align-items:flex-start;text-align:left}
}
