/* Quiet status pages stay useful without JavaScript or motion. */
html[data-dark] { color-scheme: dark; background: var(--ds-bg); }
body.status-page {
    margin: 0;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 40px 24px;
    background: var(--ds-bg);
    color: var(--ds-ink);
    font: 500 1rem/1.7 var(--ds-font-text);
}
.status-page main { width: min(100%, 480px); overflow-wrap: anywhere; }
.status-page .status-brand { display: inline-block; color: var(--ds-ink); font: 700 1rem var(--ds-font-display); text-decoration: none; margin-bottom: 40px; }
.status-page .status-code { color: var(--ds-accent-ink); font: 500 .8rem var(--ds-font-mono); margin-bottom: 12px; }
.status-page h1 { font: 700 clamp(2rem, 6vw, 3rem)/1.1 var(--ds-font-display); letter-spacing: -.035em; margin-bottom: 20px; }
.status-page p { color: var(--ds-ink-2); }
.status-page .ds-btn { margin-top: 28px; }