/* =============================================================================
 * print.css — linearize the dive into a plain chronological document (A1)
 *
 * A timeline that cannot be printed is a timeline that cannot be studied.
 * Every transform is undone; every seed becomes a paragraph in date order.
 * ============================================================================= */

@page { margin: 18mm; }

.water, .hud, .gauge, .bloom-card, .scrim, .chart, .debug-panel, .overture-cue, .skip-link {
  display: none !important;
}

body { background: #fff; color: #000; }

#main { margin: 0 !important; }

.overture { min-height: auto; page-break-after: always; text-align: left; }
.overture-title { font-size: 28pt; }
.overture-thesis { font-size: 14pt; }

.timeline { position: static !important; height: auto !important; }

.era {
  position: static !important;
  top: auto !important; height: auto !important;
  content-visibility: visible !important;
  page-break-before: always;
  margin-bottom: 12mm;
}
.era-head { position: static !important; width: auto; margin: 0 0 6mm 0; padding: 0; }
.era-title { font-size: 18pt; }

.era-field { position: static !important; inset: auto !important; }

/* Each seed prints as its year, title, and hook — the invisible labels become
 * the visible text, which is exactly what they always were underneath. */
.seed {
  position: static !important;
  transform: none !important;
  display: block !important;
  width: auto !important; height: auto !important;
  padding: 0 0 3mm 0; margin: 0 0 3mm 0;
  border-bottom: 0.2pt solid #ccc;
  page-break-inside: avoid;
  color: #000 !important;
}
/* Promote year, title and hook to visible text. NOT the stanceDescriptor: it is
 * a text equivalent of horizontal position for readers who cannot see it, and
 * a printed page has no horizontal position either. It would read as noise. */
.seed .seed-year,
.seed .seed-title,
.seed .seed-dek {
  position: static !important;
  width: auto !important; height: auto !important;
  clip: auto !important; clip-path: none !important;
  white-space: normal !important; margin: 0 !important;
  display: block;
}
.seed .seed-year  { font-family: monospace; font-size: 9pt; }
.seed .seed-title { font-weight: 700; font-size: 12pt; }
.seed .seed-dek   { font-size: 10pt; }
.seed .seed-sr-only { display: none !important; }
.seed-glyph, .seed::after, .seed-badges, .spans { display: none !important; }

.drawer { position: static !important; width: auto; border: 0; overflow: visible; }
.drawer[hidden] { display: none !important; }

a { color: #000; text-decoration: underline; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; word-break: break-all; }
.xlink.ext::after { content: ""; }