/* ============================================================
   DOMAINE DU DAHU — Print A5 paysage 210×148 mm
   Override : passe de 1920×1080 à 210×148mm avec 3mm bleed
   Activer via media print OU via page rule lors export Puppeteer
   ============================================================ */

@page {
  size: 210mm 148mm;
  margin: 0;
}

@media print {
  html, body {
    background: white;
  }

  body {
    gap: 0;
    padding: 0;
  }

  /* Le navigateur scale automatiquement si on garde 1920x1080
     mais on préfère un rendu print natif via CSS scale.
     Stratégie : transformer chaque .page en 210x148mm avec scale */

  .page {
    width: 210mm;
    height: 148mm;
    transform: none;
    box-shadow: none;
    page-break-after: always;
    overflow: hidden;
  }

  /* Échelle typo print — réduit ~60% par rapport au digital */
  .page__inner {
    padding: 10mm;
    gap: 6mm;
  }

  .h-hero    { font-size: 42pt; }
  .h-1       { font-size: 32pt; }
  .h-2       { font-size: 18pt; }
  .h-3       { font-size: 13pt; }
  .lead      { font-size: 11pt; }
  .body      { font-size: 9.5pt; line-height: 1.5; }
  .body--small { font-size: 8pt; }
  .stat      { font-size: 26pt; }
  .quote     { font-size: 14pt; }
  .eyebrow   { font-size: 7pt; }
  .page__num { font-size: 6pt; bottom: 5mm; right: 6mm; }

  .grid    { gap: 6mm; }
  .flex    { gap: 6mm; }

  .list-clean li { padding: 2mm 0; font-size: 9pt; }
  .list-bullets li { font-size: 9.5pt; margin-bottom: 1mm; }
  .list-check li { font-size: 9.5pt; margin-bottom: 2mm; }
}

/* === Marker class — appliqué via JS ou body class pour forcer le mode print preview === */
.print-mode .page {
  width: 210mm;
  height: 148mm;
}
.print-mode body {
  background: #2a2a2a;
  gap: 24px;
  padding: 24px 0;
}