:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { max-width: 42rem; margin: 3rem auto; padding: 0 1rem; line-height: 1.5; }
h1 { margin-bottom: 0; }
.sub { margin-top: .25rem; opacity: .75; }
a { color: inherit; }
.status { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; }
.status dt { font-weight: 600; }
[data-state="ok"] { color: #2e8b57; }
[data-state="fail"] { color: #c0392b; }
[data-state="wait"] { opacity: .6; }
footer { margin-top: 3rem; font-size: .85rem; opacity: .75; }