:root {
  --bg: #07131f;
  --fg: #e8eef5;
  --muted: #8aa0b6;
  --accent: #f5b83d;
}
html { background: var(--bg); color: var(--fg); }
body { margin: 0; font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 16px 64px; }
h1 { font-size: 34px; line-height: 1.2; margin: 24px 0 8px; color: var(--accent); }
h2 { font-size: 19px; margin: 32px 0 6px; }
p { margin: 0 0 12px; color: #d3dde8; }
a { color: var(--accent); }
.back { text-decoration: none; font-size: 14px; }
.back:hover, .back:focus-visible { text-decoration: underline; }
code { font-size: 14px; background: rgba(255,255,255,.07); padding: 1px 5px; border-radius: 4px; }
.small { font-size: 13px; color: var(--muted); margin-top: 40px; }