:root {
  color-scheme: dark;
  --bg: #0f1111;
  --surface: #181c20;
  --text: #f5f7fa;
  --muted: #9aa5b5;
  --line: #34404d;
  --accent: #0f5bff;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  background: radial-gradient(circle at 50% -10%, #19222d 0, var(--bg) 42%);
  color: var(--text);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

main { width: min(100% - 32px, 760px); margin: 0 auto; padding: 56px 0 72px; }
header { margin-bottom: 38px; }
.brand { color: var(--accent); font: 700 15px/1 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .12em; }
h1 { margin: 14px 0 8px; font-size: clamp(28px, 7vw, 42px); line-height: 1.1; letter-spacing: -.03em; }
h2 { margin: 34px 0 10px; font-size: 20px; line-height: 1.25; }
p, li { color: var(--muted); }
strong { color: var(--text); }
a { color: #78a2ff; }
.lead { font-size: 18px; }
.card { margin-top: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--surface) 92%, transparent); }
.updated { color: var(--muted); font: 13px/1.4 "JetBrains Mono", ui-monospace, monospace; }
footer { margin-top: 48px; color: var(--muted); font-size: 14px; }