/* atop — a phosphor scope. Black glass over a faint graticule, green traces that glow,
   condensed instrument labels.
   Display: Big Shoulders Display. Text: Instrument Sans. Readouts: Martian Mono. */

:root {
  --page-bg: #060c08; --page-text: #cfe9d6; --page-muted: #85a690; --page-line: #16261c;
  --page-accent: #4fe08a; --strong: #ecfff2; --surface: #0a140e; --raise: #0f1d14;
  --code-bg: #08110b; --code-text: #b9f5cb;
  --page-ui: "Instrument Sans", system-ui, sans-serif;
  --display: "Big Shoulders Display", "Instrument Sans", system-ui, sans-serif;
  --mono: "Martian Mono", ui-monospace, monospace;
  --glow: 0 0 12px rgba(79, 224, 138, 0.55);
  --k-ink: #a9d8b7; --k-accent: #4fe08a; --k-b: #6cc7ff; --k-c: #ffcf5c; --k-ok: #4fe08a; --k-muted: #3f6b4e; --k-file: #85a690;
  color-scheme: dark;
}
body {
  background:
    linear-gradient(rgba(79, 224, 138, 0.05) 1px, transparent 1px) 0 0 / 100% 48px,
    linear-gradient(90deg, rgba(79, 224, 138, 0.05) 1px, transparent 1px) 0 0 / 48px 100%,
    var(--page-bg);
}
.hero h1 { font: 800 clamp(80px, 13vw, 168px)/0.82 var(--display); letter-spacing: 0.01em; text-transform: uppercase; color: var(--page-accent); text-shadow: var(--glow); }
.part > h2 { font: 800 clamp(30px, 3.6vw, 46px)/1 var(--display); text-transform: uppercase; letter-spacing: 0.04em; color: var(--strong); }
.part > h2::before { content: "▸ "; color: var(--page-accent); }
.kicker { color: var(--page-muted); }

.trace { display: block; width: 100%; height: 90px; margin: 18px 0 0; overflow: visible; }
.trace path { fill: none; stroke: var(--page-accent); stroke-width: 2; filter: drop-shadow(0 0 5px rgba(79, 224, 138, 0.8)); vector-effect: non-scaling-stroke; }

table.signals { font-size: 14.5px; }
table.signals tbody th { font: 700 17px/1.2 var(--display); text-transform: uppercase; letter-spacing: 0.06em; color: var(--page-accent); }
table.signals td.num { font: 500 13px var(--mono); white-space: nowrap; color: var(--strong); text-shadow: var(--glow); }
kbd { border-color: #27412f; color: var(--strong); background: var(--raise); }
pre.term { border: 1px solid var(--page-line); box-shadow: inset 0 0 40px rgba(79, 224, 138, 0.06); }
.fig { padding: 14px; background: var(--surface); border: 1px solid var(--page-line); border-radius: 4px; }
.dg .node { fill: #07100a; }
.dg .lab-bg { fill: var(--surface); }
.dg .halo { stroke: var(--surface); }
.dg .edge { filter: drop-shadow(0 0 2px rgba(79, 224, 138, 0.5)); }