/* Libraries — an engineering blueprint. Navy paper ruled with a faint grid, cyan linework,
   IBM Plex Sans and Mono; each section is labelled with the module it describes, and quoted
   design limits sit in drawn boxes. */

:root {
  --page-bg: #0b1726; --page-text: #dbe6f2; --page-muted: #93a7bd; --page-line: #1f3550;
  --page-accent: #6fd3ff; --page-ui: "IBM Plex Sans", system-ui, sans-serif;
  --display: "IBM Plex Sans", system-ui, sans-serif; --mono: "IBM Plex Mono", ui-monospace, monospace;
  --surface: #0f1e31; --raise: #13263d; --code-bg: #13263d; --code-text: #cfe6ff; --strong: #ffffff;
  --k-ink: #dbe6f2; --k-accent: #6fd3ff; --k-b: #8ab4ff; --k-c: #c3a6ff; --k-ok: #7ee2a8; --k-muted: #7f93aa; --k-file: #93a7bd;
  color-scheme: dark;
}
html { background:
  linear-gradient(#ffffff06 1px, transparent 1px) 0 0 / 24px 24px,
  linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 24px 24px, var(--page-bg); }
.hero h1 { font: 600 clamp(42px, 6vw, 72px)/1 var(--display); letter-spacing: -0.02em; }
.hero h1::before { content: "libs/"; display: block; font: 500 15px/1 var(--mono); letter-spacing: 0.06em; color: var(--page-accent); margin-bottom: 14px; }
.api { margin: 0 0 6px; font: 500 13px/1.4 var(--mono); color: var(--page-accent); }
.part > h2 { font: 600 clamp(24px, 2.8vw, 32px)/1.15 var(--display); }
.part { scroll-margin-top: 16px; }
.fig { padding: 18px 14px; background: var(--surface); border: 1px solid var(--page-line); border-radius: 4px; }
.dg .lab-bg { fill: var(--surface); }
.dg .halo { stroke: var(--surface); }
blockquote { margin: 0 0 14px; padding: 12px 16px; font: 14px/1.6 var(--mono); color: var(--code-text);
  border: 1px dashed var(--page-accent); border-radius: 3px; background: #0e2236; }
table { background: var(--surface); }
p.note { font-size: 14px; color: var(--page-muted); }