:root { color-scheme: dark; --bg:#0b0d10; --fg:#c8cdd4; --hi:#e8ecf1; --dim:#7d858f; --rule:#1b2027; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--fg);
  font: 400 16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%; }
.wrap { max-width: 44rem; margin: 0 auto; padding: 4rem 16px 3rem; }
header { border-bottom: 1px solid var(--rule); padding-bottom: 1.25rem; margin-bottom: 2rem; }
h1 { font-size: 1.25rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--hi); margin: 0 0 .25rem; }
.sub { color: var(--dim); font-size: .9375rem; margin: 0; }
h2 { font-size: 1rem; font-weight: 600; color: var(--hi); margin: 2.25rem 0 .5rem; }
p, li { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; }
a { color: #8fb4d9; } a:hover { color: #b9d4ef; }
dl { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1.25rem; }
dt { color: var(--dim); } dd { margin: 0; color: var(--hi); }
.note { border-left: 2px solid var(--rule); padding-left: 1rem; color: var(--dim); font-size: .9375rem; }
footer { border-top: 1px solid var(--rule); margin-top: 3rem; padding-top: 1.25rem; color: var(--dim); font-size: .875rem; }
footer a { margin-right: 1rem; }
@media (max-width: 30rem) { dl { grid-template-columns: 1fr; gap: 0; } dd { margin-bottom: .6rem; } }