/**
 * プリント用スタイル（media="print" で読み込み）
 * 20件ずつ1ページになるよう .print-chunk で改ページする。
 * 漢字練習シート（body.kanji-sheet）は横方向・1ページに5漢字。
 */
@media print {
  @page {
    size: A4 portrait;
    margin: 10mm;
  }


  body,
  .container.main {
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

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

  header,
  nav,
  .breadcrumb-nav,
  h1,
  .print-button,
  .footer,
  .container-fluid.footer {
    display: none !important;
  }

  .container.main .mb-5,
  .container.main .sheet {
    margin: 0 !important;
    padding: 0 !important;
  }

  .print-header,
  .print-footer {
    display: block !important;
  }

  .print-header {
    margin-bottom: 12px !important;
  }
  .print-header .logo {
    margin-bottom: 24px !important;
    text-align: right;
  }
  .print-header .logo img {
    width: 160px !important;
    height: auto !important;
  }
  .print-footer {
    margin-top: 6px !important;
  }

  .sheet .keyword {
    height: 15mm;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .sheet .keyword .word .id {
    display: none;
  }

  .col-md-6 {
    float: left !important;
    width: 50% !important;
  }

  .print-chunk.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .print-chunk .col-md-6 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* フッター（印刷日・QR・テキスト）は分割しない */
  .print-footer {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* 1チャンク（ヘッダー+20件+フッター）を1ページにまとめる */
  .print-chunk {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .print-chunk:first-of-type {
    margin-top: 0 !important;
  }

  .print-chunk + .print-chunk {
    break-before: page;
    page-break-before: always;
  }

  /* 漢字練習シート */
  .kanji-sheet-char {
    font-size: 2.5rem;
    font-family: "Sawarabi Mincho", serif;
    line-height: 1.2;
  }
  .kanji-sheet-cell {
    min-height: 18mm;
  }

  /* 単語帳シート */
  .word-card {
    border-color: #000;
  }
  .word-card > .left {
    padding: 6mm 8mm;
  }
  .word-card > .right {
    padding: 4mm 8mm;
  }
}