/* Breadcrumb 스타일 (디자인 토큰만 사용) */
.breadcrumb {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 18px;
}
.breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  font-size: 12px;
  font-weight: 800;
  color: var(--text-muted);
  white-space: nowrap;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.breadcrumb-item:not(:first-child)::before {
  content: '/';
  color: var(--text-dim);
}
.breadcrumb-item a {
  display: inline-flex;
  align-items: center;
  color: var(--text-secondary);
  text-decoration: none;
}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus-visible {
  color: var(--primary);
  text-decoration: underline;
}
.breadcrumb-item [aria-current='page'] {
  color: var(--text-main);
  font-weight: 700;
}
.breadcrumb-home,
.idx-breadcrumb-home {
  width: 18px;
  height: 18px;
  justify-content: center;
}
.breadcrumb-home i,
.idx-breadcrumb-home i {
  font-size: 12px;
}

/* 상세 화면 공통 상단 탐색: 목록 복귀(좌) + 브레드크럼(우) 한 행. */
.detail-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin-bottom: 18px;
}
.detail-nav-row .breadcrumb,
.detail-nav-row .idx-breadcrumb { margin: 0 0 0 auto; }
.detail-nav-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  margin: 0 !important;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.detail-nav-back:hover { color: var(--primary); }

/* 모바일: 브레드크럼 생략(KRDS 모바일 축약 관행) — "뒤로" 링크가 내비게이션을 대신한다 */
@media (max-width: 767px) {
  .breadcrumb { display: none; }
}