/* Platform status: small additions on top of site.css (tokens only, so light/dark/agentic all work). */

/* current overall status */
.st-now { margin-top:20px; padding-top:18px; border-top:1px solid var(--ink); }
.st-kv { margin-top:24px; max-width:640px; }

/* component cards (why-grid) */
.why .st-state { color:var(--ink); font-weight:500; }
.why .kicker { margin-top:10px; }

/* incident history rows: the date needs a wider first column than a number */
.st-row { grid-template-columns:120px minmax(0,1fr) minmax(0,1.5fr) 28px; }
@media (max-width:760px) {
  .st-row { grid-template-columns:minmax(0,1fr) 20px; gap:8px 16px; }
  .st-row > .num, .st-row > div:nth-child(2), .st-row > div:nth-child(3) { grid-column:1; }
  .st-row .go { grid-column:2; grid-row:1; }
}

/* incident detail */
.st-art { scroll-margin-top:16px; }
.st-art:focus { outline:none; }
.st-art .kicker { margin-bottom:10px; overflow-wrap:anywhere; }
.st-art h3 { font-size:clamp(20px,2vw,26px); font-weight:700; letter-spacing:-.03em; line-height:1.1; margin:0 0 14px; overflow-wrap:break-word; }
.st-art h4 { font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:28px 0 0; }
.st-art .body { max-width:780px; }
.st-art .kv { max-width:780px; margin-top:8px; }
.st-art .phases .out { color:var(--muted); }
.st-list { list-style:none; margin:12px 0 0; padding:0; max-width:780px; }
.st-list li { position:relative; padding:0 0 8px 18px; font-size:14.5px; color:var(--muted); text-wrap:pretty; }
.st-list li::before { content:"■"; position:absolute; left:0; top:1px; font-size:9px; color:var(--ink); }