/* Print copy (design-spec C.3 "11 Print"). Loaded with media="print" after style.css,
   in its utilities layer, so it wins over components and page. */
@page { margin: 18mm 16mm; }
@layer utilities {
  :root { --gutter: 0; --accent-ink: var(--ink); }
  *, ::before, ::after { background: none; }
  .skip-link, .egg-note, .menu-button, .site-nav, .doc__rail, .invite, .site-footer__wordmark, .site-footer__brand img, .site-footer__nav, .site-footer__legal ul, .ritual__play, .ritual__patience, .ritual__trace, .ritual__bracket, .ritual__riser, .link-arrow__icon { display: none; }
  .site-footer { margin-block-start: var(--space-6); padding: var(--space-4) 0 0; border-block-start: var(--rule); color: var(--ink); }
  .site-footer :is(a, h3, p) { color: var(--ink); }
  .site-footer__legal { margin: 0; padding: 0; border: 0; }
  /* data-print on the footer (partials/footer.njk) */
  .site-footer::after { content: attr(data-print); display: block; margin-block-start: var(--space-2); font: 400 var(--text-label)/1.5 var(--font-mono); white-space: pre-line; }
  :is(.button, form button[type="submit"]) { color: var(--ink); border-color: var(--ink); }
  .readout { border: var(--control-border); }
  .ritual__num { border: 0; }
  /* Addresses behind links: internal links in main (not buttons or nav) as jorijn.com/<path>,
     external ones only in .prose (the guides' sources), never wa.me */
  a[href]::after { content: none; }
  .site-main a[href^="/"]:not(.button, nav a)::after, .prose a[href^="http"]:not([href*="wa.me"])::after { content: "(" attr(href) ")"; position: static; display: inline-block; margin-inline-start: 0.3em; font: 400 var(--text-label)/1.4 var(--font-mono); overflow-wrap: anywhere; }
  .site-main a[href^="/"]:not(.button, nav a)::after { content: "(jorijn.com" attr(href) ")"; }
  :is(.card, .readout, .ritual, figure, tr) { break-inside: avoid; }
  :is(h2, h3) { break-after: avoid; }
}