.yooox-course-nav{--ycn-ink:#252b35;--ycn-muted:#8c929c;--ycn-line:#eeedf0;--ycn-accent:#76583a;flex-shrink:0;color:var(--text-main,#fff)}
.yooox-course-nav [hidden]{display:none!important}
.yooox-course-nav--desktop{position:relative;display:block}
.yooox-course-nav-trigger{display:flex;align-items:center;border-radius:8px;transition:background .15s}
.yooox-course-nav-trigger>a{display:flex;align-items:center;min-height:40px;padding:8px 2px 8px 12px;font-size:14px;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap}
.yooox-course-nav-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:40px;padding:0;border:0;border-radius:6px;background:none;color:inherit;cursor:pointer}
.yooox-course-nav-toggle svg,.yooox-course-nav-mobile-trigger>svg{transition:transform .15s}
.yooox-course-nav.is-open .yooox-course-nav-toggle svg,.yooox-course-nav--mobile[open]>.yooox-course-nav-mobile-trigger>svg{transform:rotate(180deg)}
.yooox-course-nav-trigger:hover,.yooox-course-nav.is-open>.yooox-course-nav-trigger{background:rgba(128,128,128,.1)}
.yooox-course-nav-trigger a:focus-visible,.yooox-course-nav-toggle:focus-visible,.yooox-course-nav-panel a:focus-visible,.yooox-course-nav-mobile-trigger:focus-visible{outline:2px solid #a48765;outline-offset:2px}
.yooox-course-nav-panel{box-sizing:border-box;position:absolute;z-index:1101;width:520px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--ycn-panel-top,80px) - 12px);overflow:auto;overscroll-behavior:contain;padding:20px;background:#fff;color:var(--ycn-ink);border:1px solid #e9e6e1;border-radius:14px;box-shadow:0 16px 45px rgba(32,30,26,.14)}
.yooox-course-nav-groups{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px}
.yooox-course-nav-groups>section{min-width:0}
.yooox-course-nav-groups>section+section{padding-left:18px;border-left:1px solid var(--ycn-line)}
.yooox-course-nav-panel h3{font-size:11px;letter-spacing:.08em;line-height:1.5;font-weight:600;color:var(--ycn-muted);margin:0 0 9px;padding:0 8px}
.yooox-course-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px}
.yooox-course-nav-panel section[data-ycn-group="secondary"] .yooox-course-nav-links{grid-template-columns:minmax(0,1fr)}
.yooox-course-nav-panel a{box-sizing:border-box;display:flex;align-items:center;min-width:0;min-height:40px;padding:9px 8px;border-radius:7px;font-size:13px;font-weight:500;line-height:1.5;color:var(--ycn-ink);text-decoration:none;overflow-wrap:anywhere;transition:background .15s,color .15s}
.yooox-course-nav-panel a:hover,.yooox-course-nav-panel a.is-active{background:#f4eee6;color:var(--ycn-accent);text-decoration:none}
.yooox-course-nav-panel a.is-active{font-weight:650}
.yooox-course-nav-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:15px;padding-top:13px;border-top:1px solid var(--ycn-line)}
.yooox-course-nav-shortcuts>a{justify-content:center;background:#f7f6f3;font-size:12px;text-align:center}
.yooox-course-nav--mobile{display:none}
.topbar.on-light .yooox-course-nav{color:#0f172a}
.topbar .yooox-course-nav-panel{color:var(--ycn-ink)}
.yooox-explore-courses-only{display:none}
@media(max-width:768px){
 .topbar-inner>.yooox-course-nav--desktop{display:none}
 .yooox-explore-courses-only{display:block}
 .yooox-course-explore #exploreBtn{min-height:44px;box-sizing:border-box}
 .yooox-course-explore-panel{position:absolute!important;top:var(--ycn-explore-top,64px);left:var(--ycn-explore-left,0px);right:auto;width:calc(100vw - 24px);min-width:0;max-width:none;max-height:calc(100dvh - var(--ycn-explore-viewport-top,76px) - 12px);overflow:auto;overscroll-behavior:contain;margin-top:0;padding:6px;background:#fff;color:#252b35;border:1px solid #e9e6e1;border-radius:14px;box-shadow:0 16px 45px rgba(32,30,26,.14)}
 .yooox-course-nav--mobile{display:block;color:#252b35;border-bottom:1px solid #eeedf0;margin-bottom:4px;padding-bottom:4px}
 .yooox-course-nav-mobile-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:11px 14px;font-size:14px;font-weight:650;line-height:1.6;cursor:pointer;list-style:none;border-radius:8px}
 .yooox-course-nav-mobile-trigger::-webkit-details-marker{display:none}
 .yooox-course-nav--mobile[open]>.yooox-course-nav-mobile-trigger{background:#f7f3ed;color:#76583a}
 .yooox-course-nav--mobile>.yooox-course-nav-panel{position:static;width:auto;max-width:none;max-height:none;overflow:visible;padding:15px 8px 8px;background:transparent;border:0;border-radius:0;box-shadow:none}
 .yooox-course-nav-groups{grid-template-columns:minmax(0,1fr);gap:18px}
 .yooox-course-nav-groups>section+section{padding-left:0;border-left:0}
 .yooox-course-nav-links,.yooox-course-nav-panel section[data-ycn-group="secondary"] .yooox-course-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .yooox-course-nav-panel a{min-height:44px;font-size:13px}
 .yooox-course-nav-shortcuts{gap:4px}
 .yooox-course-explore-panel .explore-menu-item>a{min-height:44px;box-sizing:border-box;color:#252b35}
 .yooox-course-explore-panel .explore-menu-item>a:hover{color:#76583a;background:#f4eee6}
}
@media(prefers-reduced-motion:reduce){.yooox-course-nav *{transition:none!important}}

.yooox-course-nav-groups.is-single-group{grid-template-columns:minmax(0,1fr)}
.yooox-course-nav-groups.is-single-group>section{padding-left:0;border-left:0}

@media(max-width:768px){.topbar .yooox-course-explore-panel,.topbar.on-light .yooox-course-explore-panel{background:#fff;color:#252b35}}