/* ============================================================
   PRINT
   Hiring managers print portfolios. The spec-sheet layout
   already suits paper, so this mostly removes screen chrome
   and flattens the forest green bands back to ink on white.
   ============================================================ */

@media print {
  @page { margin: 16mm; }

  :root {
    --bg: #FFFFFF;
    --bg-raise: #FFFFFF;
    --rule: #BBBBBB;
    --rule-hi: #888888;
    --ink: #000000;
    --ink-dim: #444444;
    --ink-faint: #999999;
    --accent: #000000;
    --accent-graphic: #000000;
    --section-y: 0;
  }

  /* Flatten the forest bands. Never print a saturated full page. */
  .forest {
    --bg: #FFFFFF;
    --bg-raise: #FFFFFF;
    --rule: #BBBBBB;
    --rule-hi: #888888;
    --ink: #000000;
    --ink-dim: #444444;
    --ink-faint: #999999;
    --accent: #000000;
    --accent-graphic: #000000;
    background: #FFFFFF !important;
    color: #000000 !important;
  }

  body {
    background: #FFFFFF;
    color: #000000;
    font-size: 10.5pt;
    line-height: 1.45;
  }

  .header,
  .skip,
  .nav,
  .masthead__track,
  .masthead__chassis,
  .masthead__rocket,
  .masthead__stage,
  .scroll-cue,
  .masthead__coilover,
  .masthead__daf,
  .masthead__l1,
  .contact__track,
  .project__go { display: none; }

  .section { padding-block: 10mm; }
  .masthead { padding-top: 0; }

  /* Keep display type from eating a whole sheet */
  .masthead__name { font-size: 30pt; }
  .h2 { font-size: 17pt; }
  .h3 { font-size: 13pt; }
  .title-lg { font-size: 26pt; }
  .strip__val { font-size: 12pt; }
  .contact__email { font-size: 15pt; }

  /* Outlined numerals do not print reliably, so fill them */
  .project__num {
    font-size: 40pt;
    color: #666666;
    -webkit-text-stroke: 0;
  }

  .rule-accent { background: #000000; }

  .tag {
    background: none;
    border: 1px solid #000000;
    color: #000000;
  }

  .project,
  .spec__row,
  .figure { break-inside: avoid; }

  .split { gap: 8mm; }

  .project::after,
  .project::before { content: none; }

  /* Surface destinations, since printed links are dead ends */
  a[href^="http"]::after,
  a[href^="mailto"]::after {
    content: " (" attr(href) ")";
    font-family: var(--font-mono);
    font-size: 8pt;
    color: #444444;
  }
}