/* ============================================================
   PRINT - the site outputs as a clean drawing set.
   Dark theme inverts to ink-on-paper; chrome and motion vanish;
   accordions print open (main.js expands them onbeforeprint).
   ============================================================ */
@media print {
  :root {
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-surface-cream: #ffffff;
    --color-ink: #161412;
    --color-ink-soft: #4a463f;
    --color-line: rgb(22 20 18 / 0.25);
    --color-line-strong: rgb(22 20 18 / 0.5);
    --text-on-dark-soft: #4a463f;
  }
  body { background: #fff; color: #161412; }
  body::after { display: none; }                 /* grain */
  .nav, .rail, .xhair, .jeff-egg, .skip-link,
  .hero__scrim, .nav__toggle { display: none !important; }
  .hero { min-height: auto; }
  .hero__media { position: static; opacity: 1; margin-bottom: 1rem; }
  .hero__inner { padding-top: 1rem; }
  .panel { position: static; min-height: auto; page-break-inside: avoid; }
  .panel__bg { display: none; }
  .section, .section--drench { padding-block: 1.5rem; }
  .section--drench { background: #fff; color: #161412; }
  .section--drench h2, .section--drench .walk__lead { color: #161412; }
  .btn { border: 1px solid #161412 !important; background: none !important; color: #161412 !important; box-shadow: none !important; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.7em; color: #4a463f; }
  .faq__panel, .stage__detail { grid-template-rows: 1fr !important; }
  .offer, .sheet, .dash, .ladder { page-break-inside: avoid; }
  .footer { background: #fff; border-top: 1px solid #161412; }
  /* reveal states: everything visible on paper */
  .js .reveal, .js .draw-on { opacity: 1 !important; transform: none !important; }
}
