/* =====================================================================
 * print.css — 「한 장 요약」 PDF 출력 전용 스타일
 * 브라우저의 인쇄(Ctrl+P) → "PDF로 저장" 시 적용된다.
 * 설명서 보기 화면의 .print-area 영역만 A4 한 장 분량으로 정리해 출력.
 * ===================================================================== */

@page { size: A4 portrait; margin: 12mm; }

/* 화면 요소 전부 숨기고 출력 영역만 노출 */
body * { visibility: hidden; }
.print-area, .print-area * { visibility: visible; }
.print-area { position: absolute; left: 0; top: 0; width: 100%; }

/* 출력에서 제외할 요소 */
.app-bar, .lp-bar, .sidebar, .bottom-nav, .breadcrumb, .app-foot,
.page-head .btn, .no-print, #toast-host, #modal-host { display: none !important; }

/* 출력 본문 */
.print-area { font-size: 10.5pt; color: #16213f; line-height: 1.5; }
.print-area .summary-sheet { border: none; box-shadow: none; border-radius: 0; }
.print-area .summary-sheet .sheet-top {
  background: #143b96 !important;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
  padding: 16px 20px;
}
.print-area .sheet-body { padding: 16px 4px; }
.print-area .summary-note {
  background: #fdefd8 !important; border-color: #f3dcae !important;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.print-area .summary-block { break-inside: avoid; margin-bottom: 12px; }
.print-area .summary-block .dot,
.print-area .summary-block ul li::before,
.print-area .badge,
.print-area .avatar {
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.print-area .sheet-foot {
  padding: 11px 4px; background: #f6f8fd !important;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}