/* ==========================================================================
   SHERPA 공개 페이지 — PDF/인쇄 전용 스타일
   .pdf-mode 클래스가 body에 적용된 동안 활성화 (html2pdf 직전 토글)
   ========================================================================== */

@media print {
  body { background: #fff; padding-bottom: 0; }
  .site-header, .progress, .cta-area, .btn,
  .save-indicator, #resetBtn, .pdf-hide { display: none !important; }
  .card { box-shadow: none; border: 1px solid #ddd; }
  .container { max-width: 100%; padding: 0; }
}

.pdf-mode {
  background: #fff !important;
  padding-bottom: 0 !important;
}

.pdf-mode .site-header,
.pdf-mode .progress,
.pdf-mode .cta-area,
.pdf-mode .btn,
.pdf-mode .save-indicator,
.pdf-mode .pdf-hide {
  display: none !important;
}

.pdf-mode .container {
  max-width: 100%;
  padding: 16px 24px;
}

.pdf-mode .card {
  box-shadow: none;
  border: 1px solid #E5E7EB;
  margin-bottom: 16px;
  page-break-inside: avoid;
  break-inside: avoid;
}

.pdf-mode .section + .section { margin-top: 24px; }

.pdf-mode .pdf-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 16px;
  border-bottom: 2px solid #0F3F4F;
  margin-bottom: 24px;
}

.pdf-mode .pdf-footer {
  display: block !important;
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px solid #E5E7EB;
  color: #64748B;
  font-size: 0.82rem;
  text-align: center;
}

.pdf-header, .pdf-footer { display: none; }

.pdf-mode .check.is-checked .text::before { content: "■ "; color: #0F3F4F; font-weight: 700; }
.pdf-mode .check:not(.is-checked) .text::before { content: "☐ "; color: #64748B; }
.pdf-mode .check input { display: none; }

.pdf-mode .input,
.pdf-mode .textarea,
.pdf-mode .select {
  border: none;
  border-bottom: 1px solid #94A3B8;
  border-radius: 0;
  padding: 4px 0;
  background: transparent;
  min-height: auto;
}

.pdf-mode .textarea {
  min-height: 60px;
  border: 1px dashed #94A3B8;
  padding: 6px;
}

.pdf-mode .sign-block {
  page-break-inside: avoid;
  break-inside: avoid;
  background: #fff;
  border: 1.5px solid #0F3F4F;
}

.pdf-mode .sign-input {
  border-bottom: 1.5px solid #1F2937;
}