/* stt — the transcript. A court stenographer's page: warm cream paper, line numbers in the
   margin, ruled rows, Courier Prime for the record's headings, Literata for reading, a coral
   pen for what matters. */

:root {
  --page-bg: #f6f2e7;
  --page-text: #2b2620;
  --page-muted: #6b6255;
  --page-line: #ddd5c3;
  --page-accent: #c2412f;
  --page-ui: "Literata", Georgia, serif;
  --display: "Courier Prime", ui-monospace, monospace;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --surface: #fbf8f0;
  --raise: #efe9da;
  --code-bg: #efe9da;
  --code-text: #3d2f22;
  --strong: #1d1914;
  --k-ink: #3d352b; --k-accent: var(--page-accent); --k-a: #b0702a; --k-b: #2f6f8f; --k-c: #6a4fa0;
  --k-d: #4f7d3a; --k-ok: #3f7d4f; --k-err: #c2412f; --k-muted: #9a907f; --k-file: #8a7d68;
  color-scheme: light;
}

body { font-size: 17px; }
main { counter-reset: line; background:
  linear-gradient(90deg, transparent 0 calc(clamp(18px, 4vw, 52px) - 14px), #e9b9ad 0 calc(clamp(18px, 4vw, 52px) - 13px), transparent 0) 0 0 / 100% 100% no-repeat; }
.hero h1 { font: 700 clamp(44px, 6.4vw, 86px)/1.02 var(--display); letter-spacing: -0.02em; }
.part > h2 { font: 700 clamp(28px, 3.4vw, 40px)/1.1 var(--display); }
.part > p, .hero .lede, .part li { counter-increment: line; position: relative; }
.part > p::before, .hero .lede::before {
  content: counter(line); position: absolute; left: -46px; top: 0.25em; width: 30px; text-align: right;
  font: 11px/1.6 var(--mono); color: #b9ad97;
}
.term { border-left: 3px solid var(--page-accent); }
.fig { padding: 16px; background: var(--surface); border: 1px solid var(--page-line); border-radius: 4px;
  background-image: repeating-linear-gradient(transparent 0 31px, #efe8d8 31px 32px); }
.dg .lab-bg { fill: var(--surface); }
.dg .halo { stroke: var(--surface); }
table { background: var(--surface); border: 1px solid var(--page-line); }
td { font-size: 14.5px; }
.facts li { border-left-color: var(--page-accent); }
@media (max-width: 760px) { .part > p::before, .hero .lede::before { display: none; } main { background: none; } }