/* Stark Docs — print rules (design/docs-2026-10/BUILD.md §6).
   Applies to the PDF run, which sets data-mode="stone" and drops the finish
   link (D4). Tokens only: no colour literals in this file. */

@page {
  size: A4; margin: 18mm 16mm 20mm; background: var(--panel);
  @bottom-left  { content: var(--pg-left);  font-family: var(--f-mono); font-size: 7pt; letter-spacing: .14em; color: var(--t-lo); }
  @bottom-right { content: counter(page);   font-family: var(--f-mono); font-size: 7pt; letter-spacing: .14em; color: var(--t-lo); }
}
@page :first { @bottom-left { content: none; } @bottom-right { content: none; } }

html, body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
/* paper: the Stone panel colour, not the tan room, so the page stays light on ink */
html { background: var(--panel); }
body { background: var(--panel); background-image: none; background-attachment: scroll; font-size: 10pt; }
.doc-gutter { padding-inline: 0; }
.doc-col { max-width: none; }
.doc-head { display: none; }

/* a resting frame: the mark does not breathe on paper, and the glow is Night-only */
.reactor .core, .reactor .halo, .reactor .halo-fill { animation: none !important; }
.cover .reactor { filter: none; }

.cover { min-height: 235mm; display: flex; flex-direction: column; justify-content: center; align-items: center; break-after: page; padding-block: 0; }
.intro { break-after: page; }
.toc .lead, .toc .pg { display: block; }
.toc .pg::before { content: attr(data-page); }
.toc a { color: var(--t-mid); }

.doc-body h2 { break-before: page; margin-top: 0; }
.doc-body h3 { break-after: avoid; }
.doc-body h2 { break-after: avoid; }
.mk-card, .callout, table, figure, pre { break-inside: avoid; }
.doc-body li { break-inside: avoid; }
.doc-body a { text-decoration: none; }
.doc-foot { break-before: avoid; }

/* Chrome prints a box behind background-clip:text, so the wordmark gradient becomes its gold-text stop on paper */
.cover-title { background: none; -webkit-text-fill-color: var(--gold-text); color: var(--gold-text); }
.cover .mk-hero-rule { width: 100%; max-width: 360px; }