:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #080b0f; color: #f4f7f9; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; }
main { width: min(680px, 100%); }
.brand { color: #f4f7f9; text-decoration: none; font-weight: 750; }
section { margin-top: 56px; padding: 32px; border: 1px solid #28333d; border-radius: 16px; background: #0f151b; }
.label { color: #a9b5bf; }
h1 { margin: 8px 0 12px; font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.04; }
h2 { margin: 8px 0 20px; font-size: 1.5rem; }
dl { margin: 32px 0 0; }
dl div { display: flex; justify-content: space-between; gap: 24px; padding: 16px 0; border-top: 1px solid #28333d; }
dd { margin: 0; font-variant-numeric: tabular-nums; }
.ok { color: #6be394; }
.problem { color: #ff777b; }
.help { margin-top: 24px; color: #a9b5bf; }
a { color: #8ab4ff; }
.history { margin-top: 20px; }
.history ol { margin: 0; padding-left: 20px; color: #a9b5bf; }
.history li + li { margin-top: 16px; }
.history strong { display: block; color: #f4f7f9; }