:root {
    --ink: #1c1c1e;
    --muted: #6a6a70;
    --bg: #fbfbfa;
    --rule: #e3e3e0;
    --ok: #146b3a;
    --bad: #a4232b;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    padding: 4rem 1.5rem;
    font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--ink);
    background: var(--bg);
}

main { max-width: 42rem; margin: 0 auto; }

h1 { font-size: 2rem; margin: 0 0 .25rem; letter-spacing: -.02em; }

.lede { color: var(--muted); margin: 0 0 2.5rem; }

.status {
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: .4rem 1rem;
    margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--rule);
    font-size: .95rem;
}

.status dt { color: var(--muted); }
.status dd { margin: 0; }
.status .ok { color: var(--ok); }
.status .bad { color: var(--bad); }