/* ==========================================================================
   Utskrift — delad av alla kurser.

   Många elever behöver något konkret i handen, och några har trasiga datorer.
   Varje uppgift ska därför gå att skriva ut och fungera på papper utan att
   eleven tappar något. Målet är att en uppgift ryms på två A4-sidor.

   Reglerna döljer bara skärmens verktyg. Det som redan syns på skärmen
   skrivs ut som det är, så ett orättat prov blir ett blankt arbetsblad och
   ett rättat prov tar med sin återkoppling. Facit som ligger dolt på skärmen
   förblir dolt på papper.
   ========================================================================== */

@media print {

  @page {
    margin: 14mm 14mm 16mm;
  }

  /* ---- Grund: svart på vitt, tätare sats än på skärm ---- */
  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 10.5pt !important;
    line-height: 1.35 !important;
  }

  /* ---- Skärmens verktyg försvinner ---- */
  .site-header,
  .site-nav,
  .course-sidebar,
  .site-footer,
  .settings-panel,
  .settings-toggle,
  .privacy-footer,
  .tts-controls,
  .tts-toggle,
  .btn,
  button,
  .diag2__submit-area,
  .diag2__timer,
  .diag2__sa-nudge,
  .diag2__sa-hint,
  .print-hint {
    display: none !important;
  }

  /* ---- Innehållet får hela bredden ---- */
  .course-layout {
    display: block !important;
  }
  .course-content,
  .diag2 {
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ---- Inget ska klippas mitt itu ---- */
  .diag2__q,
  .diag2__sa,
  .diag2__can-do-row,
  .diag2__prompt-card,
  .exercise,
  .info-box,
  li {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  h1, h2, h3 {
    page-break-after: avoid;
    break-after: avoid;
  }

  /* ---- Svarsalternativ i två spalter sparar en halv sida ---- */
  .diag2__opts {
    column-count: 2;
    column-gap: 10mm;
    margin: 0 0 2mm !important;
  }
  .diag2__opts li {
    break-inside: avoid;
    margin-bottom: 1mm !important;
  }

  /* ---- Skrivrutor blir linjerade fält att fylla i för hand ---- */
  .diag2__sa-input,
  textarea {
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
    min-height: 16mm !important;
    width: 100% !important;
    resize: none !important;
  }

  /* ---- Kort och rutor: ram i stället för bakgrundsfärg ---- */
  .diag2__section,
  .diag2__intro,
  .diag2__sa,
  .diag2__results,
  .info-box,
  .reading-section {
    background: #fff !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
  }
  .diag2__q {
    background: #fff !important;
    border-bottom: 1px solid #ccc !important;
    padding: 1.5mm 0 !important;
    margin: 0 !important;
  }

  /* ---- Länkadresser skrivs inte ut, de säger inget på papper ---- */
  a[href]::after {
    content: "" !important;
  }

  /* ---- Resultatpanelen syns bara om eleven faktiskt rättat ---- */
  .diag2__results {
    page-break-before: always;
  }
}