:root {
  color-scheme: dark;
  --bg: #0a0d0c;
  --card: #111613;
  --line: #29332d;
  --text: #e8eee9;
  --muted: #9aa69e;
  --accent: #c5ff3d;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.65 "Space Grotesk", system-ui, sans-serif;
}

main {
  width: min(820px, calc(100% - 40px));
  margin: 0 auto;
  padding: 48px 0 80px;
}

a { color: var(--accent); }

.back {
  display: inline-block;
  margin-bottom: 56px;
  font-family: "JetBrains Mono", monospace;
  text-decoration: none;
}

h1 {
  margin: 0 0 12px;
  font-size: clamp(36px, 7vw, 64px);
  line-height: 1;
}

.updated { color: var(--muted); }

article {
  margin-top: 40px;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid var(--line);
  background: var(--card);
}

h2 { margin-top: 2em; }
h2:first-child { margin-top: 0; }
p, li { color: #cbd4ce; }