/* WS12: public status page (/status) and the 404 / 500 / 429 error pages. Tokens only - no raw colours. */
.ops-body{min-height:100vh;background:var(--bg);color:var(--ink)}
.ops-brand{display:inline-flex;align-items:center;gap:10px;font:800 19px var(--title);color:var(--ink)}
.ops-brand:hover{text-decoration:none}
.ops-brand .mark{width:30px;height:30px;border-radius:9px;background:var(--brand-grad);flex:none}

/* error pages */
.err-wrap{max-width:560px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;gap:22px}
.err-card{padding:32px 28px}
.err-code{font:800 44px/1 var(--title);color:var(--brand);letter-spacing:-.02em;margin-bottom:12px}
html[data-theme="dark"] .err-code{color:var(--brand-bright)}
.err-card h1{font:800 22px/1.25 var(--title);margin-bottom:8px}
.err-card p{color:var(--ink-2)}
.err-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.err-ref{margin-top:18px;font-size:12.5px;color:var(--muted)}
.err-ref code{font-family:var(--nums);background:var(--surface-inset);padding:1px 6px;border-radius:var(--r-sm)}

/* status page */
.st-wrap{max-width:820px;margin:0 auto;padding:28px 16px 48px;display:flex;flex-direction:column;gap:18px}
.st-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.st-sub{color:var(--muted);font-weight:600}
.st-theme{margin-left:auto;padding:6px 12px;font-size:13px}
.st-hero{display:flex;align-items:center;gap:16px;padding:22px 24px;border-left:4px solid var(--st-ok)}
.st-hero.slow{border-left-color:var(--st-warn)}
.st-hero.down{border-left-color:var(--st-alert)}
.st-hero h1{font:800 21px/1.3 var(--title)}
.st-hero p{color:var(--muted);font-size:13.5px;margin-top:2px}
.st-dot{width:14px;height:14px;border-radius:50%;flex:none;background:var(--st-ok);box-shadow:0 0 0 6px var(--st-ok-bg)}
.st-hero.slow .st-dot{background:var(--st-warn);box-shadow:0 0 0 6px var(--st-warn-bg)}
.st-hero.down .st-dot{background:var(--st-alert);box-shadow:0 0 0 6px var(--st-alert-bg)}
.st-card{padding:20px 24px}
.st-card h2{font:700 16px var(--title);margin-bottom:10px}
.st-table{width:100%;border-collapse:collapse}
.st-table td{padding:12px 0;border-top:1px solid var(--border);vertical-align:middle}
.st-table tr:first-child td{border-top:0}
.st-table td:first-child{font-weight:600;padding-right:12px}
.st-note{color:var(--muted);font-size:13px;padding-right:12px}
.st-state{text-align:right;white-space:nowrap}
.st-inc{border-top:1px solid var(--border);padding:14px 0}
.st-inc:first-of-type{border-top:0;padding-top:4px}
.st-inc-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.st-inc h3{font-size:15px;font-weight:700}
.st-inc p{color:var(--ink-2);margin-top:6px}
.st-inc-m{color:var(--muted);font-size:12.5px;margin-top:6px}
.st-none{color:var(--muted)}
.st-foot{color:var(--faint);font-size:12.5px;text-align:center}
@media (max-width:600px){
  .st-table td{display:block;padding:2px 0;border-top:0}
  .st-table tr{display:block;padding:10px 0;border-top:1px solid var(--border)}
  .st-table tr:first-child{border-top:0}
  .st-state{text-align:left;padding-top:6px!important}
  .st-hero{padding:18px}
  .st-card{padding:16px 18px}
  .err-card{padding:24px 18px}
}
