/* ============================================================
   Apostille Korea — 헤더 아래 경로 줄(브레드크럼) `<nav class="mc-bc nav">`
   경로 정의·마크업 = scripts/sync_breadcrumbs.py 한 곳(이 CSS 링크와 site-crumb.js 도 그 스크립트가 넣는다).
   2026-10-19 T11 재작업(사용자 「ak_service 에 맞는 규격으로」):
   · 회색 띠·오른쪽 정렬(68px)을 버리고, 히어로 바로 위 **얇은 한 줄**(데스크톱 36px · 휴대폰 44px).
   · 글자 시작선 = 본문 컨테이너의 시작선 — CSS 기본값은 공용 토큰(site-shell.css --ak-content 1120 · --ak-gutter 28, 2026-10-19 T17)이고,
     컨테이너 폭이 다른 화면은 site-crumb.js 가 바로 아래 컨테이너를 재서 맞춘다. RTL 은 거울(오른쪽 시작).
   · 색·글꼴은 design.md 토큰 — 묶음 이름(링크 없음) --muted #6b7e99 · 링크 --ink-soft #2f4a66(호버 --blue)
     · 현재 위치 --navy #0A2A5E 굵게 · 한글 병기 --ko-sub #7da3d6.
   · 한 줄 고정 — 넘치면 줄 안에서만 가로 스크롤(스크롤바 숨김), 휴대폰은 처음 위치가 끝(현재 위치, site-crumb.js).
   마크업의 `.nav` 는 about-bi.js 스킵 훅일 뿐 헤더가 아니다 — 헤더 `.nav` 기본값(흰 배경·여백·sticky)을 여기서 끊는다.
   상품 상세(제목 옆, product-detail.css)·배너 랜딩(남색 띠, landing.css)은 자기 CSS 가 모양을 덮는다.
   ============================================================ */

.mc-bc.nav{ display:block; position:static; z-index:auto; background:transparent; border:0; box-shadow:none; padding:0; margin:0; min-height:0; }
.mc-bc .mc-bc-in{
  box-sizing:border-box; max-width:none; margin:0;
  padding:10px max(16px, calc((100% - var(--ak-content, 1120px)) / 2 + var(--ak-gutter, 28px))) 6px;
  display:flex; align-items:center; justify-content:flex-start; flex-wrap:nowrap; gap:6px;
  font-size:13px; line-height:20px; font-weight:600; color:#6b7e99; white-space:nowrap;
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain;
}
.mc-bc .mc-bc-in::-webkit-scrollbar{ display:none; }
.mc-bc .mc-bc-in > *{ flex:0 0 auto; }
.mc-bc a{ color:#2f4a66; text-decoration:none; transition:color .15s ease; }
.mc-bc a:hover, .mc-bc a:focus-visible{ color:#1E5BBA; text-decoration:underline; text-underline-offset:3px; }
.mc-bc .mc-bc-sep{ color:#8b9bb3; font-weight:400; }
.mc-bc .mc-bc-root, .mc-bc .mc-bc-step{ color:#6b7e99; }
.mc-bc .mc-bc-here{ color:#0A2A5E; font-weight:800; }
/* 한글 병기(루트 병기판만 — 언어판은 생성기가 지운다). 페이지의 .i18n-sub{display:block}(visit 등)에 끌려 아래 줄로 떨어지지 않게 */
.mc-bc .i18n-sub, .mc-bc .k{ display:inline; margin:0 0 0 .3em; font-size:12px; font-weight:600; color:#7da3d6; }
.mc-bc .mc-bc-here .i18n-sub{ color:#5b7fb8; }
[dir="rtl"] .mc-bc .i18n-sub{ margin:0 .3em 0 0; }

/* 휴대폰 — 바 높이 = 링크 누르는 칸 44px, 좌우는 본문 여백 16px */
@media(max-width:720px){
  .mc-bc:not(.pd-heading-nav .mc-bc, .lp-body .mc-bc) .mc-bc-in{ padding:0 16px; min-height:44px; }
  .mc-bc:not(.pd-heading-nav .mc-bc, .lp-body .mc-bc) a{ display:inline-flex; align-items:center; min-height:44px; }
}