:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #0f1115;
  color: #e7e9ee;
}
.card {
  width: min(560px, 100%);
  background: #171a21;
  border: 1px solid #262b36;
  border-radius: 14px;
  padding: 32px;
}
h1 { margin: 0 0 12px; font-size: 1.5rem; }
p { margin: 0 0 16px; color: #aeb4c0; }
dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin: 0 0 16px; }
dt { color: #8b93a3; }
dd { margin: 0; font-variant-numeric: tabular-nums; }
code { background: #0f1115; padding: 2px 6px; border-radius: 6px; }
.hint { font-size: .875rem; margin: 0; }