/*
 * extensions/export/assets/print.css — the page on paper (and in a PDF).
 *
 * Printing is how the admin's "PDF" button works: the browser prints the live
 * page and offers "Save as PDF". The screen is untouched — every rule is for
 * print. What only works on a screen (the menu, buttons that open things, the
 * scroll hint, the assessment overlay, the contact form) is left out; the
 * colours and the layout stay.
 */
@media print {
  @page { margin: 14mm 12mm; }

  html, body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Screen-only parts */
  .site-header,
  .block__scroll-down,
  button.cta,
  .assessment,
  .contact__form,
  .contact__thanks,
  .contact__error {
    display: none !important;
  }

  /* A sheet is not a screen: tighter sections, and a hero that does not fill a page */
  :root {
    --pad-section-desktop: 2rem;
    --pad-section-large:   2.5rem;
    --pad-x-desktop:       1rem;
  }
  .block--hero { min-height: 0; }
  .block--hero .block__main { padding-top: 2.5rem; padding-bottom: 2.5rem; }

  /* Keep a section's heading with what follows, and short blocks whole */
  h1, h2, h3, .block__header, .eyebrow { break-after: avoid; }
  h1, h2, h3, .block__header,
  .block__paragraph, .proof__item, .continuum, .book-card__layout, figure, img, svg, blockquote {
    break-inside: avoid;
  }
  p { orphans: 3; widows: 3; }

  /* A web link shows where it goes (an email is in the footer already) */
  main a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    word-break: break-all;
  }
}