/* ==========================================================================
   토픽 T-13 breast(가슴 수술은 무엇을 보고 정할까요?) 전용 모양 — 몸 도식 한 겹(.um-*)     topics/breast.css   W-94
   - 8_시안/D_합본형/가슴.html 의 <style> 가운데 한 겹 모양(.um-* · topics/nose.css 와 같은 글자) + 몸 도식 이름표 두 줄(.um-lab--body · .um-slot)을 글자 그대로 옮긴 것.
     nose.css 는 nose 토픽이 있는 페이지에서만 불리므로 이 토픽에도 따로 둡니다(sect.css 는 사본이라 못 고치고 player.css 에 넣으면 모든 토픽이 바뀜).
   - 이 토픽이 쓰인 페이지에서만 inc/assets.php 가 부름(nose.css 와 같은 까닭).
   ========================================================================== */
/* ---- W-44 단면 한 겹(.um-sect) — 「옆에서 본 그림」 한 겹. 색 · 글자 크기는 03 토큰만(남색 · 구릿빛 · 종이색 · 1.0625rem / 1.125rem) ---- */
.um-sect { position: absolute; inset: 0; background: #f4f0ea; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; pointer-events: none; }
.um-sect.is-on { opacity: 1; visibility: visible; transition: opacity .45s ease, visibility 0s; }
.um-sect.is-quick, .um-sect.is-quick.is-on { transition: none; }
.um-box { position: absolute; overflow: hidden; border-radius: 16px; background: #fbf9f4; box-shadow: 0 6px 22px rgba(22,41,74,.14); }
.um-inner { position: absolute; }
.um-over { position: absolute; display: block; overflow: visible; }
.um-lab { position: absolute; left: 0; top: 0; transform: translateY(-50%); padding: 2px 8px; border-radius: 8px; white-space: nowrap; font-size: 1.0625rem; line-height: 1.3; font-weight: 800; color: #16294a; background: rgba(255,255,255,.92); opacity: 0; visibility: hidden; }
.um-lab.is-on { visibility: visible; }
@media (min-width: 1024px) { .um-lab { font-size: 1.125rem; } }
@media (prefers-reduced-motion: reduce) { .um-sect, .um-sect.is-on { transition: none; } }
/* ---- W-94 몸 도식: 이름표는 글자 위치를 가슴.js 가 직접 잡음(가운데 맞춤 없음) · 「용량 숫자」 꼬리표의 빈 네모(🔴 숫자는 넣지 않음) ---- */
.um-lab--body { transform: none; }
.um-slot { display: inline-block; vertical-align: middle; width: 2.4em; height: 1.2em; margin-left: .4em; border: 2px solid currentColor; border-radius: .3em; }
/* W-94 완료 */