/* ==========================================================================
   suzannedolanart.com : print-cv.css
   The CV sheet for /exhibitions. Two ways in, same result:
   1. a real print: the "Printable version" link calls window.print() (p-pages.js), or the browser's own
      Print command; the rules sit in @media print;
   2. /exhibitions?print=1 without JavaScript: the page carries body.print-view and the same sheet shows
      on screen, with a one-line hint to use the browser's Print command.
   site.css already hides the header, footer and buttons in print and sets black on white; this file adds the
   page margin, the sheet head, URLs after links and the CV rows.
   ========================================================================== */

@page { margin: 18mm; }

/* ---------------------------------------------------------- real print -- */
@media print {
  body { color: #000; background: #fff; }
  .cv__print, .cv__print-hint, .no-print { display: none !important; }
  .cv__sheet { display: block; }
  .cv__sheet { margin-bottom: 12mm; }
  .cv__sheet p { margin: 0; }
  .cv .folio, .cv__note, .cv__tbc, .cv__none, .notice, .muted { color: #000; }
  /* the shallow colour field behind the title (round 3) flattens to the plain title */
  .page-head { min-height: 0; display: block; padding: 0; background: none; }
  .page-head .folio { color: #000; }
  .page-head h1 { font-size: 22pt; margin-bottom: 6mm; }
  .cv__h { font-size: 15pt; margin-bottom: 3mm; }
  .cv__title { font-size: 12.5pt; }
  .cv__row { padding-block: 3mm; break-inside: avoid; }
  .cv__year + .cv__year { margin-top: 8mm; }
  .cv__press { margin-top: 10mm; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-family: var(--font-mono); font-size: 0.85em; }
  .wrap--narrow { max-width: none; }
}

/* ---------------------------------------------- on screen, ?print=1 -- */
body.print-view { color: #000; background: #fff; padding: 18mm var(--gutter); }
body.print-view::before { display: none; }
body.print-view .site-head,
body.print-view .site-foot,
body.print-view .skip,
body.print-view .menu-sheet,
body.print-view .menu-btn,
body.print-view .cv__print,
body.print-view .no-print { display: none !important; }
body.print-view .site-main { max-width: 174mm; margin: 0 auto; }
body.print-view .wrap { max-width: none; padding: 0; }
body.print-view .section { padding-block: 0; }
body.print-view .page-head { min-height: 0; display: block; padding: 0; background: none; }
body.print-view .page-head::before, body.print-view .page-head::after { display: none; }
body.print-view .page-head h1 { font-size: 22pt; margin-bottom: 6mm; }
body.print-view .cv__sheet { display: block; margin-bottom: 12mm; }
body.print-view .cv__sheet p { margin: 0; }
body.print-view .cv__print-hint {
  display: block;
  margin-bottom: var(--s-6);
  padding: var(--s-2) var(--s-3);
  border: 1px solid #000;
  font-size: var(--t-sm);
}
body.print-view a { color: #000; }
body.print-view a[href^="http"]::after { content: " (" attr(href) ")"; font-family: var(--font-mono); font-size: 0.85em; }
body.print-view .cv .folio,
body.print-view .cv__tbc,
body.print-view .cv__note,
body.print-view .cv__none,
body.print-view .notice,
body.print-view .muted,
body.print-view h1,
body.print-view h2 { color: #000; }
body.print-view .rows, body.print-view .rows > li { border-color: #000; }