/* ── v2 모바일 공통 보정 (handoff 원본 마크업/CSS 건드리지 않음) ── */

/* 1. 전역 가로 overflow 방지 */
html, body { max-width: 100%; overflow-x: hidden; }

/* 2. grid 자식 min-width: 0 — 내부 min-width:720 자식이 부모 확장 못 하게 */
.grid > div { min-width: 0; }
.grid .card { min-width: 0; max-width: 100%; }

/* 3. 세운/월운 등 가로 스크롤 컨테이너 — 내부에서만 스크롤 */
.tl-scroll { max-width: 100%; min-width: 0; overflow-x: auto; }

/* 4. 오행·십성 2열 grid — 모바일에서 1열로 */
@media (max-width: 700px) {
  .grid > div > div[style*="1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* 5. .paired 2열 2인 나란히 — 모바일 1열 */
@media (max-width: 700px) {
  .paired { grid-template-columns: 1fr !important; }
}

/* 6. C-wrap 좌우 padding 모바일에서 최소 16px 확보 */
@media (max-width: 500px) {
  .C-wrap, .v2-wrap { padding-left: 16px !important; padding-right: 16px !important; }
}

/* 7. 네 기둥 셀 모바일 폰트 축소 (깨짐 방지) */
@media (max-width: 420px) {
  .pillars .pl .s, .pillars .pl .b { font-size: 32px !important; }
}

/* 8. hanji 카드 모바일 패딩 축소 */
@media (max-width: 500px) {
  .hanji { padding: 20px 14px !important; }
}

/* 9. 큰 한자 .hanja 모바일 line-height 보정 */
@media (max-width: 500px) {
  .C-h1 .hanja, .v2-h1 .hanja { line-height: 1.1; }
}

/* 10. 긴 한자/한글 단어 줄바꿈 허용 */
body * { word-break: keep-all; }
body h1, body h2, body h3 { overflow-wrap: anywhere; }