/* Krun Display — a scanout. Volcanic black, lava accent, faint scanlines and pixel-type
   headings: the page is a framebuffer.
   Display: Silkscreen. Text: IBM Plex Sans. Code: IBM Plex Mono. */

:root {
  --page-bg: #110907; --page-text: #f3e2dc; --page-muted: #b49a90; --page-line: #2e1c17;
  --page-accent: #ff6a3d; --strong: #fff3ee; --surface: #1a0f0c; --raise: #24150f;
  --code-bg: #1a0f0c; --code-text: #ffc8b4;
  --page-ui: "IBM Plex Sans", system-ui, sans-serif;
  --display: "Silkscreen", ui-monospace, monospace;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --k-ink: #e6cfc6; --k-accent: #ff6a3d; --k-b: #ffb347; --k-c: #b28dff; --k-ok: #ff9b6b; --k-muted: #6e5248; --k-file: #b49a90;
  color-scheme: dark;
}
body {
  background:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px),
    radial-gradient(900px 420px at 15% -5%, rgba(255, 106, 61, 0.16), transparent 70%),
    var(--page-bg);
}
.hero h1 { font: 400 clamp(46px, 7.4vw, 96px)/1 var(--display); letter-spacing: 0.02em; color: var(--strong);
  text-shadow: 3px 0 0 rgba(255, 106, 61, 0.65), -2px 0 0 rgba(80, 160, 255, 0.35); }
.part > h2 { font: 400 clamp(22px, 2.6vw, 32px)/1.2 var(--display); color: var(--page-accent); letter-spacing: 0.03em; }
.fig { padding: 14px; background: var(--surface); border: 2px solid var(--page-line); border-radius: 0; image-rendering: pixelated; }
.dg .node { fill: #140b09; }
.dg .shadow { fill: rgba(255, 106, 61, 0.12); }
.dg .lab-bg { fill: var(--surface); }
.dg .halo { stroke: var(--surface); }
kbd { background: var(--raise); border-color: #4a2c22; color: var(--strong); }
.facts li { border-left: 3px solid var(--page-accent); }