/* Site-consistent top chrome for About pages — mirrors theme/theme.css .topbar.
   Apostille Korea logo (home) on the left, breadcrumb navigator on the right. */
.ak-topbar{background:#fff;border-bottom:1px solid #e6ebf5}
.ak-topbar .wrap{max-width:1120px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:60px}
.ak-topbar .brand{display:inline-flex;align-items:center}
.ak-topbar .brand-img{height:42px;display:block;transition:transform .18s ease}
.ak-topbar .brand:hover .brand-img{transform:translateY(-2px)}
.ak-topbar .tb-right{display:flex;align-items:center;gap:13px}
.ak-bc{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;font-weight:600;margin-right:112px;white-space:nowrap}
.ak-bc a{color:inherit;text-decoration:none}
.ak-bc a:hover{color:#C2185B}
.ak-bc .sep{opacity:.5}
.ak-bc .here{color:#C2185B;font-weight:800}
/* enko 한글 보조(about-bi.js가 주입하는 .k)를 브레드크럼 안에서는 인라인·소형으로 */
.ak-bc .k{display:inline !important;margin-left:.3em;font-size:.9em;font-weight:600;color:#9aa3b0;margin-top:0}
@media(max-width:760px){
  .ak-topbar .wrap{height:52px;padding:0 16px}
  .ak-topbar .brand-img{height:34px}
  .ak-bc{font-size:11px;gap:5px;margin-right:96px}
}

/* 칩(use-case) 한글 보조 정렬: 불릿 뒤 영어 시작점에 한글이 좌측 맞춤되도록.
   inner span을 inline-block으로 만들어 .k block이 칩 좌단이 아닌 영어 텍스트 좌단에 맞춤. */
.chips .chip{align-items:flex-start}
.chips .chip > span[data-i18n]{display:inline-block;vertical-align:top}
.chips .chip .k{display:block;text-align:left;margin-top:1px}