/* ═══════════════════════════════════════════════════════════════════════════
   CIRCUIT — the pieces only this template has.

   families/benefice.css carries everything a benefice-shaped site would share:
   the legend, the parishes strip, the plan, tracts, holdings, the marker and
   the margin. What is left here is small, which is the right proportion — if
   this file were large, the family would not be a family.
   ═══════════════════════════════════════════════════════════════════════════ */

/* The prose blocks explaining how a rota works sit inside .tract, which has no
   opinion about paragraph rhythm. */
.prose p + p { margin-block-start: var(--s-4); }

/* Bitter's slab serifs are heavy at small sizes; the running text is Source
   Sans, so a bold inside prose should stay in the reading face rather than
   jumping to the display one. */
.prose b, .prose strong { font-weight: 700; }

/* ── Printing the plan ──────────────────────────────────────────────────────
   A benefice's rota gets printed and pinned in five porches, so this is not a
   nicety. base.css already drops the ground to white for print; what it cannot
   know is that here the TABLE is the document and everything else is furniture.

   Rows must not break across pages: half a Sunday at the foot of a sheet is
   how somebody reads the wrong week. */
@media print {
  .parishes, .legend__keys, .legend__tools, .margin__grid, .holdings { display: none; }
  .legend, .tract, .tract--raised, .tract--ink { background: #fff; color: #000; }
  .tract { padding-block: 0.5cm; }
  .plan { font-size: 10pt; }
  .plan tr, .plan__when { break-inside: avoid; }
  .plan__group--now { background: none; }
  .plan__now { border: 1pt solid #000; background: none; color: #000; }
  /* The united-service row is a shaded fill on screen; in print the shading
     may not survive, so it is restated as a rule. */
  .plan__united { background: none; border-block-end: 2pt solid #000; }
  .plan caption { font-style: italic; }
}

/* Demo only — added by build/demo.mjs, not present in the downloadable zip. */
.photo-credit {
  padding-block: var(--s-4) var(--s-6);
  font-family: var(--font-ui);
  font-size: var(--t-xs);
  color: var(--fg-muted);
}
.photo-credit a { color: inherit; }