/* ============================================================================
   print.css — 종이에 찍히는 것

   🔴 **이것이 이 제품의 본체입니다** (PRD 14장).
      화면은 만드는 자리이고, 목회자가 **손에 들고 심방을 가시는 것은 종이**입니다.

   ★ 규격 (PRD 14장 · 못 박힌 값입니다)
       용지     A4 세로
       여백     위아래 11mm · 좌우 13mm
       글자     11pt · 줄간격 1.80
                🔴 **10pt 로 줄이지 마십시오.** 5분도 한 장에 들어가긴 합니다만,
                  이 종이를 손에 들고 읽으시는 분은 **어르신**입니다.
                  종이 한 장 아끼자고 읽기 어려운 글자를 드릴 수 없습니다.
                  (2026-08-27 대표 결정 — 「나도 10포인트는 작아 보이더라고」)
       쪽수     🔴 **정하지 않습니다.** 나오는 대로 나옵니다 (2026-08-29 대표 결정)
                  전에는 「3분 한 장 · 5분 두 장」이었습니다. 없앴습니다 —
                  > 「이거 장수에 우리가 제한을 둘 필요 없을 것 같아.
                  >  필요하다면 3장도 나올 수도 있고 말이야.」
                  ★ 목회자가 고르시는 것은 **낭독 시간**이지 종이 장수가 아닙니다.
                    장수를 맞추려고 글자 수 규격을 건드리지 마십시오.
                  ★ 눈금으로만 남깁니다 — 한 장 최대 1,611자 · 두 장 최소 1,737자
                    (2026-08-27 실측 열넷). **합격선이 아닙니다.**
       찍는 것  `body` 바로 밑의 `#print-root` — 화면 미리보기가 아닙니다

   🔴 **왜 `#print-root` 를 따로 두는가**
      앞서 목업에서 `.window` 를 통째로 숨겼더니 **A4 가 그 안에 있어 백지가 나왔습니다.**
      그래서 **화면과 종이를 아예 다른 덩어리로** 둡니다.
      화면 것을 숨기는 것이 아니라, **종이 것만 꺼내 보입니다.**

   🔴 **찍지 않는 것** (PRD 14장 — 목업이 이걸 어기고 있어 옮기지 않았습니다)
      · 제품 이름 (「웨슬리 심방플러스」)
      · 「생성한 초안입니다」
      · 교회 이름
      · 「AI」라는 말
      · 찬송가 목록 (그 심방에 쓸 세 곡만 — 10장)
   ========================================================================== */

/* 화면에서는 종이 덩어리를 감춥니다 */
#print-root { display: none; }

/* ── 화면 미리보기 — 종이가 어떻게 나올지 보여 드리는 자리 ──────────── */
.a4-wrap {
  display: flex;
  justify-content: center;
  background: #e2e7ee;
  padding: 22px;
  border-radius: 9px;
}
.a4 {
  width: 210mm;
  min-height: 297mm;
  background: #fff;
  padding: 11mm 13mm;                 /* 종이 여백과 같게 — 미리보기가 거짓말하면 안 됩니다 */
  box-shadow: 0 4px 20px rgba(15, 23, 42, .18);
  /* 🔴 2026-08-31 — 목회자가 고르신 크기 (app.js 의 글자크기입히기()).
       **기본은 11pt 그대로**입니다. 값을 못 읽으면 11pt 로 돌아갑니다.
       ★ 미리보기와 진짜 종이가 **같은 이 규칙**을 씁니다 —
         두 벌로 두면 「화면에선 2장인데 뽑으면 3장」이 납니다. */
  font-size: var(--종이글자, 11pt);
  line-height: var(--종이줄간, 1.80);
  color: #111827;
}

/* ── 머리 ────────────────────────────────────────────────────────────────
     🔴 교회 이름도 제품 이름도 안 들어갑니다.
        심방 종류 · 날짜 · 심방자 · 낭독 시간만. */
.a4-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 2px solid #111827;
  padding-bottom: 8px;
  margin-bottom: 14px;
}
.a4-head h2 { margin: 0; font-size: 16pt; }
.a4-badge { font-size: 9pt; color: #475569; text-align: right; line-height: 1.7; }

.a4-title { font-size: 15pt; font-weight: 700; text-align: center; margin: 16px 0 6px; }
.a4-sub   { text-align: center; font-size: 10pt; color: #475569; margin-bottom: 18px; }

/* ── 단락 ─────────────────────────────────────────────────────────────── */
.a4-sec { margin-bottom: 13px; }
.a4-sec-label { font-size: 9.5pt; font-weight: 700; color: #382273; margin-bottom: 4px; }
.a4-sec-body  { white-space: pre-wrap; text-align: justify; }

/* ── 말씀 봉독 — 🔴 본문을 싣지 않습니다. 장절만 (저작권 근거 ①) ────── */
.a4-ref {
  border: 1.2pt solid #111827;
  border-radius: 4px;
  padding: 9px 12px;
  text-align: center;
  margin: 2px 0;
}
.a4-ref-big  { font-size: 14pt; font-weight: 700; letter-spacing: -.01em; }
.a4-ref-note { font-size: 8.5pt; color: #475569; margin-top: 3px; }

/* ── 꼬리 — 메모 · 이전 심방 · 안내 ───────────────────────────────────
     ★ 셋을 한 덩어리로 묶습니다. 따로 놀면 마지막 장에 두세 줄만 남습니다. */
.a4-tail { margin-top: 16px; }
.a4-memo {
  border: 1px dashed #94a3b8;
  border-radius: 6px;
  padding: 10px 12px;
  min-height: 62px;
}
/* 🔴 「메모」 한 글자만 둡니다 (PRD 14장). 제품 이름을 안 찍습니다 */
.a4-memo b { font-size: 9.5pt; color: #475569; }
.a4-prev { margin-top: 7px; font-size: 8.5pt; color: #64748b; line-height: 1.7; }
.a4-foot {
  margin-top: 12px;
  padding-top: 9px;
  border-top: 1px solid #cbd5e1;
  font-size: 8.5pt;
  color: #64748b;
  line-height: 1.7;
}

/* ══════════════════════════════════════════════════════════════════════════
   종이
   ══════════════════════════════════════════════════════════════════════ */
@media print {
  @page { size: A4 portrait; margin: 11mm 13mm; }

  body { background: #fff; padding: 0; display: block; }

  /* 🔴 화면 것은 통째로 감추고, 종이 것만 꺼냅니다 */
  body > * { display: none !important; }
  body > #print-root { display: block !important; }

  /* 종이에서는 미리보기용 그림자·너비를 걷어냅니다 */
  #print-root .a4 {
    width: auto;
    min-height: auto;
    box-shadow: none;
    padding: 0;
    margin: 0;
  }

  /* 🔴🔴 2026-08-31 — **모아 인쇄**. 원고마다 **새 장에서** 시작합니다.
       안 그러면 앞 원고 끝에 다음 원고 머리가 붙어 나오고,
       교인 앞에서 종이를 넘기다 **다른 분 이야기가 보입니다.**
     ⚠ 첫 원고 앞에는 안 넣습니다 (`+` 는 앞에 형제가 있을 때만 맞습니다) —
       넣으면 맨 앞에 **백지 한 장**이 나옵니다. */
  #print-root .a4 + .a4 { break-before: page; page-break-before: always; }

  /* ── 장 넘김 ──────────────────────────────────────────────────────────
       ★ 낭독 원고입니다. 한 단락이 장 가운데서 갈라지면
         목회자가 **읽다 말고 종이를 넘기셔야** 합니다.
       ★ 다만 통째로 밀 수 없을 만큼 긴 단락은 브라우저가 알아서 쪼갭니다 —
         억지로 붙들면 앞 장 아래가 크게 비고 장수만 늡니다. */
  #print-root .a4-sec       { break-inside: auto;  page-break-inside: auto; }
  #print-root .a4-sec-body  { orphans: 3; widows: 3; break-inside: avoid; page-break-inside: avoid; }
  #print-root .a4-sec-label { break-after: avoid;  page-break-after: avoid; }

  /* 쪼개지면 뜻이 깨지는 덩어리 */
  #print-root .a4-ref,
  #print-root .a4-memo,
  #print-root .a4-head,
  #print-root .a4-title,
  #print-root .a4-sub  { break-inside: avoid; page-break-inside: avoid; }
  #print-root .a4-title { break-after: avoid;  page-break-after: avoid; }
  #print-root .a4-foot  { break-before: avoid; page-break-before: avoid; }
  #print-root .a4-tail  { break-inside: avoid; page-break-inside: avoid; }

  /* ⚠ 장마다 되풀이되는 머리글은 넣지 않았습니다.
       Chrome 인쇄에서 position:fixed 는 첫 장에만 찍히고,
       <thead> 되풀이 방식은 표 구조 때문에 장이 하나 더 늡니다.
       **종이를 33% 더 쓰는 값어치가 없습니다.**
       나중에 서버에서 PDF 를 만들게 되면 headerTemplate 으로 깔끔히 됩니다. */
}