/* ===== Document Export (PNG) — Share-page style capture ===== */

/* PNG share doc — offscreen container, 360px matches share1/share2.html */
.shareDoc {
  position: fixed;
  left: -10000px;
  top: 0;
  width: 360px;
  background: #fff;
  font-family: 'SUIT', system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
}

/* step-shell inside shareDoc: auto height, no min-height constraint */
.shareDoc .step-shell {
  min-height: auto;
}

/* Step header padding: main app uses .stage>.app__step-header{padding:0 20px},
   but shareDoc recreates step-header inside step-top — apply same padding */
.shareDoc .step-header {
  padding-left: 20px;
  padding-right: 20px;
}

/* Disable card entrance animation — html2canvas captures mid-animation
   (opacity:0 on delayed cards → invisible but space-taking = white gap) */
.shareDoc .step7-content .card {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* "추가 단계" box in doc PNG — replaces <details> to avoid canvas tainting on iOS */
.docExtraStage {
  margin-top: 10px;
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  background: #fff;
  padding: 12px;
}
.docExtraStage__title {
  font: 700 14px/1.29 'SUIT', sans-serif;
  letter-spacing: -0.28px;
  color: #424242;
  margin-bottom: 10px;
}

/* Brand footer at bottom of captured image */
.shareDoc-brand {
  font-size: 11px;
  color: #BABABA;
  text-align: center;
  padding: 16px 20px 20px;
  border-top: 1px solid #E3E3E3;
}