/* Print rules for the two-notebook setup page, meant to sit next to the laptop
   during setup. This targeted one side of A4 until the page gained the Field
   Notebook; it is now two sides and nothing is hidden from print, because a
   student reading the paper copy should see what a student reading the screen
   sees. Screen chrome goes, everything else stays. */
@page {
  size: A4;
  margin: 15mm;
}

@media print {
  .topnav,
  .breadcrumbs,
  .site-footer,
  .skip-link,
  .print-hide { display: none; }

  body { background: white; }
  .page-header { padding: 0 0 5pt; margin-bottom: 0; }
  .page-header h1 { font-size: 15pt; margin-bottom: 1pt; }
  .page-header .tagline { font-size: 8pt; margin-bottom: 0; }
  /* Two columns, because a 186mm measure is too wide to read comfortably. */
  .prose {
    max-width: none;
    font-size: 9pt;
    column-count: 2;
    column-gap: 7mm;
  }
  .prose h2 { font-size: 10.5pt; margin: 7pt 0 3pt; break-after: avoid; }
  .prose h2:first-of-type { margin-top: 0; }
  .prose p, .prose li { margin-bottom: 3pt; line-height: 1.35; }
  .prose ol, .prose ul { margin-bottom: 5pt; padding-left: 12pt; }
  .prose table { font-size: 8.5pt; break-inside: avoid; }

  /* A rule split across a page break is a rule someone half-reads. */
  .callout, .entry-header-demo { break-inside: avoid; }
  .callout { padding: 5pt 7pt; margin-bottom: 5pt; }
  .callout ol { margin-bottom: 0; }
  /* Small enough to sit in one column without wrapping the example line. */
  .entry-header-demo { font-size: 7.5pt; padding: 4pt 6pt; margin: 5pt 0; }
}