/* Jethro Justice — the printable handout, /partners/handout.

   The real distribution mechanism at a courthouse counter is paper someone puts in a hand.
   Fits half a US Letter sheet at 100%, black on white, legible photocopied. See
   docs/releases/RELEASE_15.md, Part B and [A-8].

   site.css's own print block already hides .site-header, .site-footer and anything marked
   .no-print, on every page — this file does not repeat that. It only sets what is specific to
   this page: the half-sheet geometry, and pinning type metrics identically for screen and
   print so a screen measurement predicts the printed height. Do not touch site.css. */

@page { size: letter; margin: 0.5in; }

/* [A-8] 0.5in margin on Letter leaves a 7.5in × 10in printable area — 720 × 960px at 96dpi.
   Half of the vertical space is 480px, which is the target: this sheet has to fit in the top
   half of the page. 720px wide matches the printable width exactly, on screen and in print
   alike, which is what makes a screen measurement at that width a real proxy for the printed
   result rather than a guess. */
.handout-sheet {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 20px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink, #1a1f26);
}

/* Set here, not inside @media print, on purpose: a class selector already outranks site.css's
   `body { font-size: 12pt }` print rule regardless of source order, so this one declaration
   governs both screen and print. Duplicating it inside @media print would invite the two
   copies to drift, which is the exact failure [A-8] exists to prevent. */
.handout-sheet h1,
.handout-sheet h2,
.handout-sheet p,
.handout-sheet li {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 12px;
}

.handout-sheet h1 { font-size: 22px; line-height: 1.3; margin-bottom: 16px; }

.handout-url {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 4px 0 20px;
}

.handout-sheet ul { padding-left: 20px; margin: 0 0 16px; }
.handout-sheet li { margin-bottom: 8px; }

.handout-not { font-style: italic; }

.referral-ack { font-size: 13px; color: var(--ink-soft, #4a5462); margin: 0 0 16px; }

/* No background image anywhere on this page, and every foreground colour is black —
   asserted, not merely styled that way today, so a future edit cannot quietly reintroduce
   one that vanishes on a photocopier. */
@media print {
  .handout-sheet, .handout-sheet * {
    background: transparent !important;
    color: #000 !important;
  }
}