.eule-course-nav{--nav-accent:var(--eule-nav-accent,var(--eule-accent,#bc0f5c));--nav-surface:#fff;--nav-ink:#17203c;--nav-muted:#667086;--nav-border:#e1e5ed;--nav-hover:color-mix(in srgb,var(--nav-accent) 8%,var(--nav-surface));color:var(--nav-ink);position:relative}.dark .eule-course-nav{--nav-surface:#141d32;--nav-ink:#f0f3fc;--nav-muted:#b7c2d8;--nav-border:#344159;--nav-accent:color-mix(in srgb,var(--eule-nav-accent,var(--eule-accent,#bc0f5c)) 45%,white)}.eule-course-nav__trigger{min-height:2.75rem;color:inherit;font:inherit;letter-spacing:.025em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.45rem;padding:.65rem .8rem;font-size:.875rem;font-weight:700;display:inline-flex}.eule-course-nav__trigger:hover,.eule-course-nav__trigger[aria-expanded=true]{color:var(--nav-accent);background:var(--nav-hover)}.eule-course-nav__trigger>svg{width:1rem;height:1rem;transition:transform .15s}.eule-course-nav__trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.eule-course-nav__panel{z-index:60;overscroll-behavior:contain;border:1px solid var(--nav-border);background:var(--nav-surface);border-radius:.8rem;width:min(34rem,100vw - 2rem);max-height:min(72dvh,100dvh - 7rem);padding:1rem;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-start:0;overflow-y:auto;box-shadow:0 14px 36px #0b14301f}.eule-course-nav__panel[hidden]{display:none}.eule-course-nav__group+.eule-course-nav__group{border-top:1px solid var(--nav-border);margin-top:.8rem;padding-top:.8rem}.eule-course-nav__group-title{color:var(--nav-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;padding:0 .65rem;font-size:.7rem;font-weight:750;line-height:1.5}.eule-course-nav__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.eule-course-nav__items>li{min-width:0;margin:0;padding:0}.eule-course-nav__items>li:only-child{grid-column:1/-1}.eule-course-nav__item{width:100%;min-height:2.75rem;color:var(--nav-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.eule-course-nav__item:hover,.eule-course-nav__item:focus-visible{color:var(--nav-ink);background:var(--nav-hover)}.eule-course-nav__item[aria-disabled=true]{opacity:.55;cursor:default}.eule-course-nav__icon{background:color-mix(in srgb,var(--nav-accent) 10%,var(--nav-surface));width:2.25rem;height:2.25rem;color:var(--nav-accent);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;display:flex}.eule-course-nav__icon>svg{width:1.25rem;height:1.25rem}.eule-course-nav__copy{flex:1;min-width:0;display:block}.eule-course-nav__title{color:var(--nav-ink);font-size:.875rem;font-weight:650;line-height:1.3;display:block}.eule-course-nav__description{-webkit-line-clamp:2;color:var(--nav-muted);-webkit-box-orient:vertical;margin-top:.3rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.eule-course-nav__badge{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 10%,var(--nav-surface));vertical-align:middle;border-radius:.3rem;align-items:center;margin-inline-start:.4rem;padding:.1rem .35rem;font-size:.6rem;font-weight:750;line-height:1.4;display:inline-flex}.eule-course-nav__footer{border-top:1px solid var(--nav-border);color:var(--nav-muted);margin-top:.85rem;padding:.85rem .65rem 0;font-size:.8rem;line-height:1.5}.eule-course-nav__footer a{min-height:2.75rem;color:var(--nav-accent);align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.eule-course-nav :is(button,a):focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.eule-course-nav--mobile{width:100%}.eule-course-nav--mobile .eule-course-nav__trigger{width:100%;padding:.65rem .25rem}.eule-course-nav--mobile .eule-course-nav__panel{width:100%;max-height:65dvh;box-shadow:none;padding:.35rem;position:static}.eule-course-nav--mobile .eule-course-nav__items{grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.eule-course-nav__trigger>svg{transition:none}}