@media print {
  @page {
    size: landscape;
    margin: 0.8cm;
  }

  /* Thème clair complet de NowWeLearn forcé à l'impression */
  :root,
  html,
  body,
  [data-theme='light'],
  [data-theme='dark'] {
    --color-bg:           #ffffff !important;
    --color-bg-surface:   #ffffff !important;
    --color-bg-elevated:  #f8f8f6 !important;
    --color-bg-code:      #f0f0eb !important;
    --color-text:         #1a1b26 !important;
    --color-text-muted:   #4a4e69 !important;
    --color-text-subtle:  #5c6086 !important;
    --color-border:       #d0d0c8 !important;

    --color-accent:           #4a6c1d !important;
    --color-accent-hover:     #3b5717 !important;
    --color-accent-light:     rgba(74, 108, 29, 0.1) !important;
    --color-accent-border:    rgba(74, 108, 29, 0.25) !important;
    --color-accent-secondary: #4a6c1d !important;

    --color-info:         #3d59a1 !important;
    --color-info-bg:      rgba(61, 89, 161, 0.08) !important;
    --color-tip:          #1b7a6b !important;
    --color-tip-bg:       rgba(27, 122, 107, 0.08) !important;
    --color-warning:      #b15c00 !important;
    --color-warning-bg:   rgba(177, 92, 0, 0.08) !important;
    --color-danger:       #c0264b !important;
    --color-danger-bg:    rgba(192, 38, 75, 0.08) !important;
    --color-success:      #0e6b4c !important;
  }

  html, body {
    color-scheme: light !important;
    background: #ffffff !important;
    color: #1a1b26 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  /* Supprimer toutes les barres de défilement à l'impression */
  *,
  *::before,
  *::after,
  .reveal-viewport,
  .reveal-wrapper,
  .reveal,
  .reveal .slides,
  .reveal .slides section,
  .code-block,
  .code-block pre,
  .table-wrapper,
  pre.mermaid,
  pre,
  code {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  .reveal-viewport {
    background: #ffffff !important;
    position: relative !important;
  }

  /* Masquer tous les éléments d'interface non imprimables */
  .site-header,
  .site-footer,
  .slides-toolbar,
  .slides-fullscreen-btn,
  .slides-footer-slot,
  .print-button,
  .feedback-link,
  .search-modal,
  .code-block__copy,
  .theme-toggle,
  .reveal .controls,
  .reveal .progress,
  .reveal .slide-number {
    display: none !important;
  }

  .reveal-wrapper {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
  }

  .reveal {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    background: #ffffff !important;
    color: #1a1b26 !important;
  }

  .reveal .slides {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    inset: auto !important;
    transform: none !important;
    zoom: 1 !important;
    background: #ffffff !important;
  }

  .reveal .slides section {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    page-break-after: always !important;
    break-after: page !important;
    box-sizing: border-box !important;
    padding: 2cm 1cm !important;
    background: #ffffff !important;
    color: #1a1b26 !important;
  }

  .reveal h1,
  .reveal h2,
  .reveal h3,
  .reveal p,
  .reveal li {
    color: #1a1b26 !important;
  }

  /* Blocs de code lisibles a l impression des diaporamas */
  .code-block,
  .reveal .code-block {
    background: #f8f8f6 !important;
    border: 1px solid #d0d0c8 !important;
    border-radius: 4px !important;
    margin: 1em 0 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .code-block__header,
  .reveal .code-block__header {
    background: #eeeee8 !important;
    color: #4a4e69 !important;
    border-bottom: 1px solid #d0d0c8 !important;
    font-size: 0.8em !important;
    padding: 4px 12px !important;
    font-weight: 600 !important;
  }

  .code-block pre,
  .reveal pre {
    background: #f8f8f6 !important;
    color: #1a1b26 !important;
    border: none !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .code-block pre *,
  .reveal pre * {
    color: #1a1b26 !important;
    background: transparent !important;
    text-shadow: none !important;
  }

  .code-block code,
  .reveal code {
    color: #1a1b26 !important;
    background: transparent !important;
    border: none !important;
  }

  .reveal table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 1.2em !important;
    margin: 1em 0 !important;
    page-break-inside: avoid !important;
  }

  .reveal table th,
  .reveal table td {
    border: 1px solid #d0d0c8 !important;
    padding: 8px 12px !important;
    color: #1a1b26 !important;
  }

  .reveal table th {
    background: #f8f8f6 !important;
    color: #4a4e69 !important;
  }

  .alert {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    page-break-inside: avoid !important;
  }

  /* Diagrammes Mermaid lisibles a l impression des diaporamas */
  pre.mermaid,
  .reveal pre.mermaid,
  .reveal .slides section pre.mermaid {
    background: #f8f8f6 !important;
    border: 1px solid #d0d0c8 !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 1em 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  pre.mermaid svg,
  .reveal pre.mermaid svg,
  .reveal .slides section pre.mermaid svg {
    max-width: 100% !important;
    max-height: 400px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  pre.mermaid svg rect,
  pre.mermaid svg circle,
  pre.mermaid svg polygon,
  pre.mermaid svg path,
  pre.mermaid svg .label-container,
  pre.mermaid svg .basic.label-container,
  pre.mermaid svg .node rect,
  pre.mermaid svg .cluster rect,
  .reveal pre.mermaid svg rect,
  .reveal pre.mermaid svg circle,
  .reveal pre.mermaid svg polygon,
  .reveal pre.mermaid svg path,
  .reveal pre.mermaid svg .label-container,
  .reveal pre.mermaid svg .basic.label-container,
  .reveal pre.mermaid svg .node rect,
  .reveal pre.mermaid svg .cluster rect {
    fill: #eeeee8 !important;
    stroke: #4a6c1d !important;
    stroke-width: 1.5px !important;
  }

  pre.mermaid svg foreignObject *,
  pre.mermaid svg text,
  pre.mermaid svg tspan,
  pre.mermaid svg .label,
  pre.mermaid svg .nodeLabel,
  pre.mermaid svg .edgeLabel,
  pre.mermaid svg .edgeLabel *,
  .reveal pre.mermaid svg foreignObject *,
  .reveal pre.mermaid svg text,
  .reveal pre.mermaid svg tspan,
  .reveal pre.mermaid svg .label,
  .reveal pre.mermaid svg .nodeLabel,
  .reveal pre.mermaid svg .edgeLabel,
  .reveal pre.mermaid svg .edgeLabel * {
    fill: #1a1b26 !important;
    color: #1a1b26 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-family: var(--font-ui), sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }

  pre.mermaid svg .edgePath .path,
  pre.mermaid svg .flowchart-link,
  .reveal pre.mermaid svg .edgePath .path,
  .reveal pre.mermaid svg .flowchart-link {
    stroke: #4a4e69 !important;
    stroke-width: 1.5px !important;
  }

  pre.mermaid svg .marker,
  .reveal pre.mermaid svg .marker {
    fill: #4a4e69 !important;
    stroke: #4a4e69 !important;
  }
}