:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:#f4f6fa; color:#1d2129; }
main { max-width:720px; margin:12vh auto; padding:38px; background:#fff; border-radius:16px; box-shadow:0 16px 48px rgba(16,24,40,.07); }
.badge { display:inline-block; padding:5px 11px; border-radius:999px; background:#eef4ff; color:#2563a8; font-size:12.5px; letter-spacing:.02em; }
h1 { margin:18px 0 10px; font-size:27px; font-weight:650; }
.lead { color:#3f4956; line-height:1.55; margin:0 0 26px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:24px; }
.cell { display:flex; flex-direction:column; gap:5px; padding:13px 15px; background:#f8fafc; border:1px solid #e8edf3; border-radius:10px; }
.k { font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:#7a8699; }
.v { font-size:14.5px; font-weight:560; }
.v.ok { color:#1a7f4b; }
.muted { color:#7a8699; font-size:13.5px; margin:0; }
@media (prefers-color-scheme: dark) {
  body { background:#0f1318; color:#e4e8ee; }
  main { background:#161b22; box-shadow:0 16px 48px rgba(0,0,0,.4); }
  .badge { background:#152230; color:#5da2e8; }
  .lead { color:#a8b3c2; }
  .cell { background:#1b222b; border-color:#242c37; }
  .v.ok { color:#3fb27f; }
}