.st-banner { margin-top: 28px; padding: 16px 18px; border-radius: 12px; font-family: var(--font-ui); font-size: 15px;
  font-weight: 500; border: 1px solid var(--ink-line); background: var(--ink-soft); color: var(--on-ink); }
.st-banner.st-operational { border-color: rgba(31, 122, 76, 0.35); background: rgba(31, 122, 76, 0.08); }
.st-banner.st-degraded { border-color: rgba(150, 101, 10, 0.4); background: rgba(255, 197, 61, 0.16); }
.st-banner.st-down { border-color: rgba(168, 48, 31, 0.4); background: rgba(168, 48, 31, 0.08); }
.st-row { margin-top: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--ink-line-soft); }
.st-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.legal .st-name { margin: 0; font-family: var(--font-ui); font-size: 15px; font-weight: 500; letter-spacing: 0;
  text-transform: none; color: var(--on-ink); }
.st-pill { flex: none; font-family: var(--font-ui); font-size: 12px; padding: 3px 10px; border-radius: 999px;
  border: 1px solid var(--ink-line); color: var(--on-ink-muted); }
.st-pill.st-operational { color: #1F7A4C; border-color: rgba(31, 122, 76, 0.35); }
.st-pill.st-degraded { color: var(--signal); border-color: rgba(150, 101, 10, 0.4); }
.st-pill.st-down { color: #A8301F; border-color: rgba(168, 48, 31, 0.4); }
.st-strip { margin-top: 12px; display: grid; grid-template-columns: repeat(30, minmax(0, 1fr)); gap: 3px; height: 28px; }
.st-bar { border-radius: 2px; background: var(--ink-line); }
.st-bar.st-ok { background: rgba(31, 122, 76, 0.75); }
.st-bar.st-minor { background: rgba(214, 154, 20, 0.85); }
.st-bar.st-bad { background: rgba(168, 48, 31, 0.8); }
.st-bar.st-none { background: var(--ink-line-soft); }
.st-up { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px 18px; font-family: var(--font-ui); font-size: 12.5px;
  color: var(--on-ink-dim); }
.legal .st-note { margin-top: 18px; font-family: var(--font-ui); font-size: 12.5px; color: var(--on-ink-dim); }