/* Revision 04 printable recruiter summary. Link with media="print". */

@page {
  size: A4 portrait;
  margin: 11mm;
}

@media print {
  :root {
    --paper: #fff;
    --ink: #111;
    --soft: #333;
    --rust: #7f2e1b;
  }

  *, *::before, *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
  }

  html, body {
    width: auto;
    min-height: 0;
    background: #fff !important;
    color: #111 !important;
    font-size: 9pt;
  }

  .canvas, .site {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff !important;
  }

  /* Decorative and interactive material is retained online, not on the CV. */
  .study, .nav, .maphead, .maptools, .career-year-selector, .mapwrap, .key, .mstack, .focus,
  .capband, .sect, .ledger, .lab, .ai, .footer, .xp, .xp-scrim, .sharedefs {
    display: none !important;
  }

  .hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 62mm;
    gap: 8mm;
    padding: 0 0 4mm;
    border-bottom: 1px solid #222;
    break-inside: avoid;
  }

  .eyebrow {
    color: #7f2e1b !important;
    font-size: 8pt !important;
  }

  .name {
    margin: 1mm 0 0;
    font-size: 31pt;
    line-height: .95;
  }

  .tagline {
    margin: 2mm 0;
    font-size: 15pt;
  }

  .intro {
    max-width: 116mm;
    margin: 0;
    font-size: 9.25pt;
    line-height: 1.38;
  }

  .hero-proof {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1mm 5mm;
    margin: 3mm 0 0;
    padding: 0;
    list-style: none;
    font-size: 8.5pt;
    line-height: 1.25;
  }

  .hero-proof li::before { color: #7f2e1b; }
  .hero .cta { display: none !important; }

  .titleblock {
    width: auto;
    font-size: 8pt;
    align-self: stretch;
  }

  .titleblock dl div { grid-template-columns: 24mm minmax(0, 1fr); }
  .titleblock dt, .titleblock dd, .tb-foot { padding: 1.25mm 1.6mm; }

  .stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 3.5mm 0 4mm;
    border: 1px solid #777;
    background: #fff;
    break-inside: avoid;
  }

  .stat {
    min-height: 0;
    padding: 2mm;
    border-color: #999;
    background: #fff !important;
    color: #111;
  }

  .stat small, .stat b, .stat em { display: block; }
  .stat small { margin-bottom: .8mm; font-size: 8pt; line-height: 1.15; color: #7f2e1b; }
  .stat b { font-size: 9pt; line-height: 1.15; }
  .stat em { margin-top: .8mm; font-size: 8pt; line-height: 1.2; color: #333; }

  /* Page one: the six assignments are the main recruiter read. */
  .experience {
    padding: 0;
    border: 0;
    background: #fff !important;
  }

  .experience-head {
    display: block;
    margin: 0 0 3mm;
    padding: 0 0 2mm;
    border-bottom: 1px solid #777;
  }

  .experience-head h2 {
    margin: 1mm 0 0;
    font-size: 19pt;
    line-height: 1.05;
  }

  .experience-head p { display: none; }

  .experience-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #999;
    background: #fff;
  }

  .experience-list li {
    min-width: 0;
    border-bottom: 1px solid #c7c1b5;
    break-inside: avoid;
  }

  .experience-list li:nth-child(odd) { border-right: 1px solid #c7c1b5; }
  .experience-list li:nth-last-child(-n + 2) { border-bottom: 0; }

  .experience-list article {
    display: grid;
    grid-template-columns: 23mm minmax(0, 1fr);
    gap: 2.5mm;
    min-height: 0;
    padding: 2.4mm 3mm 2.6mm;
  }

  .experience-list article::before { display: none; }
  .experience-when { color: #7f2e1b; font-size: 8pt; line-height: 1.3; }
  .experience-list h3 { max-width: none; margin: 0; font-size: 10.5pt; line-height: 1.12; }
  .experience-list p { margin: 1mm 0 0; color: #333; font-size: 8.25pt; line-height: 1.31; }
  .experience-list .experience-org { margin-top: .7mm; color: #111; font-size: 8.25pt; line-height: 1.25; }

  /* Page two: capability detail and a direct contact route. */
  .sheet {
    break-before: page;
    padding: 0;
    border: 0;
    background: #fff !important;
  }

  .sheethead {
    display: block;
    margin: 0 0 3mm;
    padding: 0 0 2mm;
    border-bottom: 1px solid #777;
  }

  .sheethead h2 { margin: 1mm 0 0; font-size: 20pt; }
  .sheetnote { display: none; }

  .capgrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    break-inside: avoid;
  }

  .cap { min-height: 0; padding: 3mm; border-color: #999; }
  .cap h3 { margin: 0 0 1.5mm; font-size: 11pt; }
  .cap ul { margin: 0; padding-left: 3.8mm; font-size: 8.5pt; line-height: 1.32; }
  .cap li { margin: 0 0 .8mm; }

  .chips { display: block !important; padding-left: 0 !important; }
  .chips li { display: inline; border: 0; padding: 0; background: transparent; font: inherit; }
  .chips li::after { content: " · "; }
  .chips li:last-child::after { content: ""; }

  .reachout {
    display: block;
    margin-top: 5mm;
    padding: 3mm 0 0;
    border-top: 1px solid #222;
    background: #fff !important;
    break-inside: avoid;
  }

  .reachout .eyebrow, .reachout p, .reachout .cta { display: none !important; }
  .reachout::before {
    content: "CONTACT";
    display: block;
    margin-bottom: 1mm;
    color: #7f2e1b;
    font: 700 8pt/1.2 ui-monospace, Consolas, monospace;
    letter-spacing: .12em;
  }
  .reachout::after {
    content: "Jack Lowes  |  Lead Project Engineer  |  Perth, WA  |  me@jacklowes.com  |  jacklowes.com  |  linkedin.com/in/jack-lowes-4708a6176";
    display: block;
    font-size: 9pt;
    line-height: 1.35;
  }

  a { color: inherit; text-decoration: none; }
}