/* ════════════════════════════════════════════════════════
   Estils d'impressió / PDF
   S'activen amb window.print() o Ctrl+P
   ════════════════════════════════════════════════════════ */

@media print {
  /* ── Ocultar tot el que no és contingut ─────────────── */
  .auth-bar,
  .grain,
  .controls,
  .legend,
  .quick-capture-btn,
  .qc-bg,
  .side-panel,
  .modal-bg,
  .on-this-day,
  .view-switcher,
  .filters,
  .toolbox,
  footer .toolbox,
  .actions,
  .era-actions,
  .icon-btn,
  .masthead-actions,
  #stats-panel,
  #settings-panel { display: none !important; }

  /* ── Pàgina ──────────────────────────────────────────── */
  @page {
    margin: 2cm 2.5cm;
    size: A4 portrait;
  }

  body {
    background: white !important;
    color: #1C1A16 !important;
    font-size: 11pt;
  }

  .wrap { max-width: 100% !important; padding: 0 !important; }

  /* ── Capçalera ───────────────────────────────────────── */
  .masthead {
    border-bottom: 2pt solid #1C1A16;
    padding-bottom: 12pt;
    margin-bottom: 24pt;
    page-break-after: avoid;
  }
  .masthead h1 {
    font-size: 28pt !important;
    margin: 0 0 6pt !important;
  }
  .eyebrow { font-size: 8pt; letter-spacing: .2em; }
  .colofon { font-size: 10pt; color: #555; margin-top: 6pt; }

  /* ── Línia de temps ──────────────────────────────────── */
  .timeline { display: block !important; }
  .timeline::before { display: none !important; }

  /* Dècada — salt de pàgina */
  .decade {
    font-size: 18pt;
    font-weight: 700;
    border-top: 1.5pt solid #1C1A16;
    padding-top: 10pt;
    margin-top: 20pt;
    margin-bottom: 10pt;
    page-break-after: avoid;
    color: #1C1A16 !important;
  }
  .decade span { background: none !important; padding: 0 !important; }

  /* Capítol */
  .chapter-banner {
    background: #F0EBE0 !important;
    border-left: 4pt solid #C45C3C !important;
    padding: 6pt 10pt !important;
    margin: 12pt 0 8pt !important;
    page-break-after: avoid;
  }
  .chapter-banner .ch-title { font-size: 13pt !important; color: #1C1A16 !important; }

  /* Events */
  .event {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12pt !important;
    page-break-inside: avoid;
  }
  .event.left, .event.right { padding: 0 !important; }

  .dot { display: none !important; }

  .card {
    border: 0.5pt solid #ccc !important;
    border-left: 3pt solid #C45C3C !important;
    box-shadow: none !important;
    padding: 8pt 10pt !important;
    background: white !important;
  }

  .card .meta { margin-bottom: 4pt; }
  .card .year { font-size: 12pt !important; font-weight: 700; }
  .card .age  { font-size: 9pt; color: #777; }
  .card h3    { font-size: 12pt !important; margin: 4pt 0 !important; }
  .card p     { font-size: 10pt !important; color: #333; margin: 0 0 4pt !important; }

  .card-tags, .card-people, .card-location, .card-song {
    font-size: 9pt;
    color: #555;
  }

  /* Fotos */
  .card-photo {
    max-width: 120pt !important;
    max-height: 90pt !important;
    float: right;
    margin: 0 0 6pt 10pt;
    border: 0.5pt solid #ccc;
  }

  /* Eres */
  .era-block {
    border: 0.5pt solid #aaa !important;
    border-left: 3pt solid #888 !important;
    box-shadow: none !important;
    padding: 6pt 10pt !important;
    margin: 8pt 0 !important;
    background: #F8F5F0 !important;
    page-break-inside: avoid;
  }

  /* Footer */
  footer > div:first-child {
    font-size: 9pt;
    color: #888;
    border-top: 0.5pt solid #ccc;
    padding-top: 8pt;
    margin-top: 24pt;
  }

  /* Número de pàgina */
  @page { counter-increment: page; }
}