/* print.css — Druckansicht für Lektionen und Ergebnisse.
   Wird über <link media="print"> eingebunden. Keine Custom-Property-Definition. */

@media print {
  body {
    background: #ffffff;
    color: #111111;
    font-size: 11pt;
  }

  .app-layout {
    display: block;
  }

  .sidebar,
  .topbar,
  .btn,
  .btn-row,
  .flash,
  .htmx-indicator,
  .side-nav,
  .side-footer,
  .blaettern,
  .lektionswahl,
  body::before,
  body::after {
    display: none !important;
  }

  .content {
    padding: 0;
    max-width: none;
  }

  .card {
    border: 1px solid #cccccc;
    background: #ffffff;
    break-inside: avoid;
  }

  .prose {
    max-width: none;
    color: #111111;
  }

  .prose h2,
  .prose h3,
  .prose h4 {
    break-after: avoid;
  }

  .prose pre,
  .prose blockquote,
  .prose table {
    break-inside: avoid;
    background: #f5f5f5;
    border-color: #cccccc;
  }

  .prose a {
    color: #111111;
  }

  .prose a::after {
    content: ' (' attr(href) ')';
    font-size: 0.85em;
    color: #555555;
  }

  table.data th {
    background: #f5f5f5;
    color: #111111;
  }

  table.data th,
  table.data td {
    border-bottom: 1px solid #cccccc;
  }

  .badge {
    border: 1px solid #999999;
    color: #111111;
  }
}