/* ============================================================
   print.css — tata letak "Versi Buku" (book.html) untuk dicetak / PDF.
   Tiap bab diawali halaman cover yang dipaksa ke halaman ganjil (recto).
   Dipakai bersama style.css (kelas baca .jp/.id/ruby/.vocab/.commentary).
   ============================================================ */

/* ---------- ukuran & margin halaman cetak ---------- */
@page {
  size: A4;
  margin: 20mm 18mm;
}

/* ---------- kerangka isi ---------- */
.book { background: var(--washi); }
.book .bk-title,
.book .bk-toc,
.book .bk-content { max-width: 720px; margin: 0 auto; padding: 0 22px; }

/* petunjuk di layar (tidak ikut tercetak) */
.print-hint {
  max-width: 720px; margin: 16px auto; padding: 12px 16px;
  background: var(--washi-2); border: 1px solid var(--rule); border-left: 4px solid var(--gold);
  border-radius: 4px; font-size: .9rem; color: var(--ink-soft);
}

/* ---------- sampul buku ---------- */
.bk-title {
  min-height: 88vh; display: flex; flex-direction: column;
  justify-content: center; align-items: center; text-align: center;
}
.bk-title .kicker { font-family: "Shippori Mincho", serif; letter-spacing: .5em; font-size: .82rem; color: var(--shu); text-transform: uppercase; margin: 0 0 18px; }
.bk-title h1 { font-family: "Shippori Mincho", serif; font-weight: 800; font-size: clamp(2.2rem, 7vw, 3.2rem); letter-spacing: .04em; margin: .1em 0 .2em; }
.bk-title .sub { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 1.25rem; color: var(--ink-soft); margin: 0; }
.bk-title .bk-note { margin-top: 32px; font-size: .9rem; color: var(--ink-soft); max-width: 460px; line-height: 1.7; }

/* ---------- daftar isi ---------- */
.bk-toc h2 { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 1.6rem; margin: 0 0 6px; display: flex; align-items: baseline; gap: .6em; }
.bk-toc h2 .en { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 400; font-size: 1rem; color: var(--gold); }
.toc { list-style: none; padding: 0; margin: 8px 0 0; }
.toc li { display: flex; align-items: baseline; gap: 10px; padding: 6px 0; border-bottom: 1px dotted var(--rule); }
.toc-no { font-family: "Shippori Mincho", serif; font-size: .72rem; letter-spacing: .08em; color: var(--shu); white-space: nowrap; min-width: 58px; }
.toc-jp { font-family: "Shippori Mincho", serif; font-weight: 700; }
.toc-id { font-family: "Cormorant Garamond", serif; font-style: italic; color: var(--ink-soft); margin-left: auto; text-align: right; }

/* ---------- cover tiap bab (penuh, di halaman ganjil) ---------- */
.bk-chapter { break-before: right; page-break-before: right; }
.bk-cover {
  min-height: 84vh; display: flex; flex-direction: column;
  justify-content: center; align-items: center; text-align: center;
  break-after: page; page-break-after: always;
}
.bk-cover .kicker { font-family: "Shippori Mincho", serif; letter-spacing: .5em; font-size: .8rem; color: var(--shu); text-transform: uppercase; margin: 0 0 18px; }
.bk-cover .jp-title { font-family: "Shippori Mincho", serif; font-weight: 800; font-size: clamp(2rem, 7vw, 3rem); letter-spacing: .04em; line-height: 1.2; margin: .15em 0; }
.bk-cover .id-title { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 500; font-size: clamp(1.1rem, 4vw, 1.5rem); color: var(--ink-soft); margin: 0; }
.bk-cover ruby rt { font-size: .5em; }

/* footer sumber tiap bab */
.bk-content footer { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--rule); font-size: .84rem; color: var(--ink-soft); }
.bk-content footer .src { font-family: "Shippori Mincho", serif; }

/* ---------- hindari potongan yang jelek ---------- */
.story .para, table.vocab tr, .didyouknow, .legend { break-inside: avoid; page-break-inside: avoid; }
h2.sec { break-after: avoid; page-break-after: avoid; }
.bk-content .story .jp { text-align: justify; }

/* ============================================================
   khusus saat MENCETAK
   ============================================================ */
@media print {
  .print-hint { display: none !important; }
  html, body { background: #fff !important; }
  body::before { display: none !important; }   /* matikan grain overlay */
  a { color: inherit; text-decoration: none; }
  .bk-title, .bk-toc { break-after: page; page-break-after: always; }
  /* furigana selalu tampil di cetak */
  body.ruby-off ruby rt { visibility: visible; }
}

/* ============================================================
   pratinjau di LAYAR — beri kesan lembar buku
   ============================================================ */
@media screen {
  .book { padding: 18px 0 40px; }
  .bk-title, .bk-toc, .bk-chapter {
    background: #fff; max-width: 820px; margin: 0 auto 26px;
    box-shadow: 0 6px 26px rgba(126,36,29,.10); border: 1px solid var(--rule);
    border-radius: 6px; padding: 40px 0;
  }
  .bk-cover { min-height: 360px; border-bottom: 1px dashed var(--rule); margin-bottom: 24px; }
}