/* ============================================================================
   FELIPE E. HARKER — RESUME STYLESHEET
   ----------------------------------------------------------------------------
   The resume's own rules, loaded after /standards/hark.css. Everything else
   the page uses — tokens, the grid, masthead, entries, the skills grid,
   references, the colophon — is the shared standard (its source is
   web/standards/site/hark.css in hark_web): change the standard there, not here.

   On screen the resume needs nothing of its own: the grid's content column
   already holds every line to a reading measure, so the page takes the same
   frame as every other. What is here is the printed sheet.

   WHERE THE CONTENT LIVES
   `index.html` is the source of truth for the resume. `resume.md`
   is a reference copy of the same text, not published and not read by
   anything; when the two disagree, the HTML is right.

   HOW THIS FILE IS ORGANISED
      1.  Print .................... what the page becomes on paper
   ========================================================================= */


/* ============================================================================
   1. PRINT
   A resume gets printed, and this page is the source of truth for it, so the
   printed sheet is a supported output rather than an accident. What changes:
   the page frame gives way to the paper's own margin, the running head, the
   contents list and the colophon go (they are screen furniture), the label
   column narrows to a quarter of the sheet so the content keeps the room,
   the type and the spacing shrink to fit a page, the two greys darken
   because grey prints as a weak wash, and no entry is allowed to break
   across a sheet.
   ========================================================================= */

@media print {
  :root {
    --size-title: 30px;
    --size-section: 9px;
    --size-subsection: 12.5px;
    --size-body: 10.5px;
    --size-table: 10px;
    --size-data: 9px;
    --size-caption: 9px;
    --size-fine: 9px;
    --size-label: 8.5px;
    --space-5: 14px;
    --space-6: 18px;
    --space-7: 20px;
    --space-8: 22px;
    --space-9: 24px;
    --doc-pad-top: 0;
    --doc-pad-bottom: 0;
    --doc-pad-x: 0;
    --grid-gap: var(--space-5);
    --grid: [full-start label-start] minmax(0, 1fr)
      [label-end content-start] minmax(0, 3fr)
      [content-end full-end];
    --color-text-soft: #222222;
    --color-text-mute: #444444;
  }

  @page { margin: 14mm; }

  body { background: #ffffff; }

  .doc { max-width: none; padding: 0; }

  .masthead { margin-top: 0; }

  /* Navigation and the colophon — with the site links in each — are screen
     furniture; paper has neither. The rule under the masthead goes with the
     contents it opened, or the first section would start under two. */
  .runhead, .rule, .contents, .colophon { display: none; }

  /* Links print as plain text. Every link left on the sheet is an address
     whose own text is the address, so there is nothing to spell out. */
  a { color: inherit; text-decoration: none; }
  .reference-list a { border-bottom: none; }

  /* Nothing is orphaned across a sheet: a section that fits on one moves to
     the next whole, rule and all; an entry keeps its bullets; and a
     section's label keeps whatever follows it. */
  .section, .entry, .reference-list li { break-inside: avoid; }
  .section-heading { break-after: avoid; }
}