:root {
  --dial: #0a0b0d; --case: #111316; --rule: #262a30; --rule-2: #353a41;
  --steel: #d3d7dd; --steel-2: #a3a9b1; --steel-3: #7d848d; --lume: #ece4c4; --hand: #ff5b1f; --hand-ink: #160700;
  --display: "Antonio", "Arial Narrow", system-ui, sans-serif;
  --body: "Hanken Grotesk", system-ui, sans-serif;
  --mono: "Red Hat Mono", ui-monospace, monospace;
  --gutter: clamp(1rem, 4vw, 3.5rem);
}
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--dial); color: var(--steel); }
body { margin: 0; font: 400 1.0625rem/1.65 var(--body); -webkit-font-smoothing: antialiased; background: var(--dial); color: var(--steel); }
::selection { background: var(--hand); color: var(--hand-ink); }
a { color: var(--steel); text-decoration-color: var(--steel-3); text-underline-offset: .22em; }
a:hover { color: var(--lume); text-decoration-color: var(--hand); }
:focus-visible { outline: 2px solid var(--hand); outline-offset: 3px; border-radius: 2px; }
.wrap { width: min(760px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.nav { border-bottom: 1px solid var(--rule); }
.nav .wrap { width: min(1180px, 100% - 2 * var(--gutter)); display: flex; align-items: center; justify-content: space-between; height: 64px; }
.mark { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; font: 600 1.15rem/1 var(--display); letter-spacing: .14em; text-transform: uppercase; color: var(--steel); }
.mark svg { width: 26px; height: 26px; }
main { padding: clamp(3rem, 8vw, 5.5rem) 0; }
h1 { font: 600 clamp(2.4rem, 7vw, 4rem)/.95 var(--display); text-transform: uppercase; margin: 0 0 1rem; text-wrap: balance; }
.updated { font: 500 .8rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--steel-3); margin: 0 0 2.5rem; }
h2 { font: 600 1.5rem/1.1 var(--display); text-transform: uppercase; margin: 2.6rem 0 .8rem; color: var(--lume); }
p, li { color: var(--steel-2); max-width: 68ch; }
ul { padding-left: 1.2rem; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
th, td { text-align: left; padding: .7rem .6rem .7rem 0; border-top: 1px solid var(--rule); vertical-align: top; }
th { font: 500 .78rem/1.5 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--steel-3); }
td { color: var(--steel); }
footer { border-top: 1px solid var(--rule); padding: 2rem 0 3rem; color: var(--steel-3); font-size: .9rem; }
@media (max-width: 560px) { table, tbody, tr, td, th { display: block; } thead { display: none; } td { border-top: 0; padding: .2rem 0; } tr { border-top: 1px solid var(--rule); padding: .7rem 0; } }