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

   WHERE THE CONTENT LIVES
   `index.html` is the source of truth for the resume. `web/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.  Tokens ................... the one token the resume overrides
      2.  Print .................... what the page becomes on paper
   ========================================================================= */


/* ============================================================================
   1. TOKENS
   ========================================================================= */

:root {
  /* Narrower than the other sites' 1000px: this page has no covers, tables or
     media to hold a wide column open, and a resume read at 1000px is a resume
     read in fragments. */
  --measure: 820px;
}


/* ============================================================================
   2. 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 contents list and
   colophon go (they are screen furniture), the accent goes with them, the
   three text steps collapse toward black because grey prints as a weak
   wash, and no entry is allowed to break across a sheet.
   ========================================================================= */

@media print {
  :root {
    --size-title: 24px;
    --size-section: 15px;
    --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;
    --doc-pad-top: 0;
    --doc-pad-bottom: 0;
    --doc-pad-x: 0;
    --color-text-soft: #2a2725;
    --color-text-mute: #4a4643;
  }

  @page { margin: 14mm; }

  body { background: #ffffff; }

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

  /* Navigation and the colophon — with the site links in it — are screen
     furniture; paper has neither. */
  .toc-label, .toc, .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: an entry keeps its bullets, and a
     heading keeps whatever follows it. */
  .entry, .reference-list li { break-inside: avoid; }
  .section-heading { break-after: avoid; }
}