/* 카테고리 서브메뉴 */
.ml-page .ml-subnav{position:sticky;top:var(--nav-h);z-index:40;
  background:var(--bg);border-bottom:1px solid var(--border);
  transition:top .35s ease,background .35s ease,border-color .35s ease,color .35s ease;}
/* 다크 히어로 */
.ml-page--overlay .ml-subnav{top:calc(var(--announce-h) + var(--nav-h));}
body.ml-announce-closed .ml-page--overlay .ml-subnav{top:var(--nav-h);}
.ml-page .ml-subnav .ml-subnav-inner{max-width:none;margin-inline:auto;padding-inline:var(--pad);
  display:flex;align-items:center;gap:32px;height:52px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.ml-page .ml-subnav .ml-subnav-inner>*{flex:0 0 auto;}
.ml-page .ml-subnav .ml-subnav-inner::-webkit-scrollbar{display:none;}
.ml-page .ml-subnav .crumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);
  font-size:13px;letter-spacing:0.115em;font-weight:700;color:var(--fg);white-space:nowrap;
  flex:1 1 auto;min-width:max-content;}
.ml-page .ml-subnav .crumb::before{content:"";width:7px;height:17px;aspect-ratio:44/106.94;flex:0 0 auto;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2044%20106.94'%3E%3Cpath%20d='M44,22C44,9.85,34.15,0,22,0S0,9.85,0,22c0,10.92,7.99,19.92,18.43,21.64v.52c-8.6.79-15.37,7.95-15.37,16.76v46.02h37.24v-46.02c0-8.81-6.76-15.96-15.37-16.76v-.45c10.75-1.45,19.07-10.56,19.07-21.7Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2044%20106.94'%3E%3Cpath%20d='M44,22C44,9.85,34.15,0,22,0S0,9.85,0,22c0,10.92,7.99,19.92,18.43,21.64v.52c-8.6.79-15.37,7.95-15.37,16.76v46.02h37.24v-46.02c0-8.81-6.76-15.96-15.37-16.76v-.45c10.75-1.45,19.07-10.56,19.07-21.7Z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9;}
.ml-page .ml-subnav a{font-size:13px;font-weight:400;letter-spacing:0.038em;color:var(--muted);
  height:52px;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap;
  text-decoration:none;transition:color .2s ease,border-color .2s ease;}
.ml-page .ml-subnav a:hover{color:var(--fg);}
.ml-page .ml-subnav a.active{color:var(--fg);font-weight:600;border-bottom-color:var(--fg);}
/* 다크 변형 */
.ml-page .ml-subnav.on-dark{background:color-mix(in srgb,var(--dark) 64%,transparent);
  -webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);
  border-bottom-color:rgba(232,228,217,.16);}
.ml-page .ml-subnav.on-dark .crumb{color:rgba(232,228,217,.62);}
.ml-page .ml-subnav.on-dark a{color:rgba(232,228,217,.7);}
.ml-page .ml-subnav.on-dark a:hover{color:var(--on-dark);}
.ml-page .ml-subnav.on-dark a.active{color:var(--on-dark);border-bottom-color:var(--on-dark);}

/* anchor-rail 상태값 */
.ml-page .anchor-rail{opacity:0;pointer-events:none;transition:opacity .4s ease;}
.ml-page .anchor-rail.show{opacity:1;pointer-events:auto;}
.ml-page .anchor-rail a.active{color:var(--fg);}
.ml-page .anchor-rail a.active .rdot{background:var(--fg);border-color:var(--fg);transform:scale(1.15);}
/* journey 변형 */
.ml-page .anchor-rail.journey a.active .rdot{opacity:1;background:var(--fg);border-color:var(--fg);transform:none;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--fg) 16%,transparent);
  animation:mlRailPulse 2.6s ease-in-out infinite;}
/* 뒤 섹션이 다크일 때 점 색 반전 */
.ml-page .anchor-rail.journey.on-dark{color:var(--on-dark);}
.ml-page .anchor-rail.journey.on-dark a .rdot{border-color:var(--on-dark);}
.ml-page .anchor-rail.journey.on-dark a.active .rdot{background:var(--on-dark);border-color:var(--on-dark);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--on-dark) 16%,transparent);}
@keyframes mlRailPulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent);}
  50%{box-shadow:0 0 0 8px color-mix(in srgb,currentColor 5%,transparent);}}
@media(prefers-reduced-motion:reduce){ .ml-page .anchor-rail.journey a.active .rdot{animation:none;} }
@media(max-width:1100px){ .ml-page .anchor-rail{display:none;} }

body.ml-subpin .ml-header .ml-announce{position:fixed;top:0;left:0;right:0;z-index:61;}
body.ml-subpin .ml-header .ml-nav{position:fixed;top:var(--announce-h);left:0;right:0;z-index:50;}
body.ml-subpin.ml-announce-closed .ml-header .ml-nav{top:0;}
body.ml-subpin #layout_body_inner{padding-top:calc(var(--announce-h) + var(--nav-h));}
body.ml-subpin.ml-announce-closed #layout_body_inner{padding-top:var(--nav-h);}
/* 서브메뉴는 항상 고정 헤더 바로 아래에 스티키로 붙는다 */
body.ml-subpin .ml-page .ml-subnav{top:calc(var(--announce-h) + var(--nav-h));}
body.ml-subpin.ml-announce-closed .ml-page .ml-subnav{top:var(--nav-h);}