/* v6 스킨 — 팔레트·글꼴 토큰만 (hero_bw.py·build_v6.py) */
:root { --ink: #282828; --paper: #f0eae2; --gold: #ba8f71; --gold-soft: #998170; --intro-ink: #282828; --intro-paper: #f0eae2; --intro-muted: #998170; }
body { background: #282828; }

/* 현장 위치 하단 문구 줄바꿈 정리 (2026-09-16 배우님 지적)
   레퍼 원본 main.css는 모바일에서 `.map-text1 br{display:none}`으로 줄바꿈을 없앤다. 원본 영문은 짧아 문제없었지만
   우리 한글 문구는 길어서 "…지상 18층," / "주차 76대"로 어정쩡하게 끊겼다. 우리 문구에만 줄바꿈을 되살린다. */
@media (max-width: 767px) {
  .map-content .map-text .map-text1 br { display: inline; }
  .map-content .map-text .map-text1 { word-break: keep-all; }
  .map-content .map-text .map-text2 { white-space: nowrap; }
}

/* v6.1 — 세대(UNIT) 슬라이드 넘김 UI */
.educare-nav { position: absolute; left: 0; right: 0; bottom: 34px; z-index: 6; display: flex; align-items: center; justify-content: center; gap: 18px; pointer-events: none; }
.educare-nav > * { pointer-events: auto; }
.educare-nav__btn { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(40,40,40,.28); border-radius: 50%; background: rgba(255,255,255,.72); cursor: pointer; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.educare-nav__btn:hover, .educare-nav__btn:focus-visible { background: #282828; border-color: #282828; transform: translateY(-2px); }
.educare-nav__btn i { width: 9px; height: 9px; border-left: 1.5px solid #282828; border-bottom: 1.5px solid #282828; transform: rotate(45deg); margin-left: 3px; transition: border-color .25s ease; }
.educare-nav__btn--next i { transform: rotate(-135deg); margin-left: -3px; }
.educare-nav__btn:hover i, .educare-nav__btn:focus-visible i { border-color: #fff; }
.educare-nav__count { margin: 0; display: flex; align-items: baseline; gap: 5px; font-family: 'Noto Serif KR', serif; color: #282828; }
.educare-nav__count em { font-style: normal; font-size: 22px; font-weight: 600; }
.educare-nav__count span { opacity: .4; }
.educare-nav__count b { font-size: 14px; font-weight: 400; opacity: .55; }
.educare-nav__bar { position: relative; width: 190px; height: 2px; background: rgba(40,40,40,.16); overflow: hidden; }
.educare-nav__bar i { position: absolute; inset: 0; background: #ba8f71; transform: scaleX(.2); transform-origin: left; }
/* v6.2 — 상단 메뉴 6개를 한 줄로 고정 (원본은 5칸 그리드라 6번째가 둘째 줄로 내려가 헤더 밖으로 넘침) */
.main-nav { --main-nav-track-width: clamp(660px, 56vw, 820px) !important; }
.main-nav__top { flex-wrap: nowrap !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.main-nav__link { white-space: nowrap; }
.site-header { overflow: hidden; }
@media (max-width: 1600px) { .main-nav__top { gap: 18px; } }
@media (max-width: 1400px) { .main-nav__top { gap: 13px; } .main-nav__link { font-size: 14px; } }
@media (max-width: 1240px) { .main-nav__top { gap: 9px; } .main-nav__link { font-size: 13px; letter-spacing: -.03em; } }
.educare-nav__hint { position: absolute; left: 0; right: 0; bottom: -24px; text-align: center; color: rgba(40,40,40,.5); font-size: 12px; letter-spacing: .02em; pointer-events: none; }
@media (max-width: 820px) {
  .educare-nav { bottom: 18px; gap: 12px; }
  .educare-nav__btn { width: 40px; height: 40px; }
  .educare-nav__bar { width: 110px; }
  .educare-nav__hint { bottom: -20px; font-size: 11px; }
}