/* 70-type — 한국어 타이포·접근성 전역 보정 (7번 소유). 새 클래스는 유틸 .nu/.nw 뿐.
   규칙: 라벨·캡션 13.5px/500 하한, 한국어 자간 ≤.06em(영문 대문자 키커만 예외), 표 행간 1.6,
   사진 위 포커스는 흰 링+어두운 halo, reduced-motion에서 모든 움직임 정지·즉시 표시. */

/* ── 숫자+단위 / 짧은 고유명사 줄바꿈 방지 (페이지 소유자가 감쌈, 체인·범위 전체 금지) ── */
.nu,.nw{white-space:nowrap}

/* ── 줄바꿈: 제목은 균형, 본문은 마지막 줄 고아 방지 (keep-all은 style.css 전역) ── */
h1,h2,h3,.cta h2,details.more>summary{text-wrap:balance}
p,li,figcaption,td,th,dd{text-wrap:pretty}

/* ── 한국어 자간: 영문 대문자용 넓은 자간을 한글 라벨에서 제거 ── */
.index h3{letter-spacing:.02em;color:var(--t4)}
.sec-h .no{letter-spacing:.06em}
.cards .c-no{letter-spacing:.06em}
.vis-no{font-size:13.5px;letter-spacing:.06em}
.vis .kicker{font-size:13.5px} /* 영문 키커라 자간 .14em 유지(예외) */

/* ── 표: 한글 2줄 셀 가독성 ── */
table.data{line-height:1.6}
table.data thead th{line-height:1.6;letter-spacing:0;color:var(--t4)}
table.data caption{line-height:1.6;color:var(--t4)}

/* ── 작은 글자: 13.5px 이상 + 굵기 500 (연한 인상 제거) ── */
.hero .facts span,.vis-facts span,p.src,
.figs figcaption,.chart-grid figcaption,.flow-step>figure figcaption,.flow-step>span{font-weight:500}
.figs figcaption::before{font-weight:700}

/* ── 포커스 ── */
.tbl:focus-visible{outline-offset:0}
/* 사진 위(.vis): 빨강 링이 어두운 사진에 묻힘 → 흰 링 + 안팎 어두운 halo */
.vis :focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px rgba(0,0,0,.7),0 0 0 6px rgba(0,0,0,.45)}
/* 라이트박스 버튼: 반투명 1px → 흰 2px + 어두운 그림자 */
.zoom button:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px rgba(0,0,0,.6)}

/* ── reduced-motion: style.css 전역 transition/animation:none 위에 상태값 보강 ── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  .vis-slides img,.vis-slides>*{transform:none!important}
  a:hover img{transform:none!important} /* 카드·홈 패널 사진 hover 확대 정지 */
}