.learn-nav.svelte-1o8csdh{display:flex;align-items:center;justify-content:space-between;padding:8px 48px;border-bottom:1px solid var(--mp-border);background:var(--mp-bg);position:sticky;top:0;z-index:100}.nav-brand.svelte-1o8csdh{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--mp-fg)}.nav-mark.svelte-1o8csdh{height:40px;width:auto;display:block}.nav-brand-name.svelte-1o8csdh{display:none;font-family:var(--mp-font-display);font-weight:700;font-size:22px;letter-spacing:-.4px;color:var(--mp-fg);white-space:nowrap}@media(min-width:1024px){.nav-brand-name.svelte-1o8csdh{display:block}}.nav-center.svelte-1o8csdh{display:flex;align-items:center;gap:32px}.nav-link.svelte-1o8csdh{text-decoration:none;font-size:14px;font-weight:500;color:var(--mp-muted);transition:color .2s;padding:4px 0;white-space:nowrap}.nav-link.svelte-1o8csdh:hover{color:var(--mp-fg)}.nav-link.active.svelte-1o8csdh{color:var(--mp-accent);font-weight:600}.nav-right.svelte-1o8csdh{display:flex;align-items:center;gap:16px}.nav-hamburger.svelte-1o8csdh{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;padding:0;background:transparent;border:none;cursor:pointer}.nav-hamburger.svelte-1o8csdh span:where(.svelte-1o8csdh){display:block;height:2px;width:100%;background:var(--mp-fg);border-radius:1px}.mobile-menu.svelte-1o8csdh{display:none}@media(max-width:880px){.learn-nav.svelte-1o8csdh{padding:14px 24px;flex-wrap:wrap;row-gap:8px}.nav-center.svelte-1o8csdh{order:4;flex:1 0 100%;gap:20px;padding-top:8px;border-top:1px solid var(--mp-border);overflow-x:auto}}@media(max-width:640px){.learn-nav.svelte-1o8csdh{padding:14px 16px}.nav-brand.svelte-1o8csdh{gap:8px}.nav-mark.svelte-1o8csdh{height:28px}.nav-center.svelte-1o8csdh{display:none}.nav-hamburger.svelte-1o8csdh{display:flex}.mobile-menu.svelte-1o8csdh{order:4;display:flex;flex-direction:column;flex:1 0 100%;gap:4px;padding:8px 0 4px;border-top:1px solid var(--mp-border)}.mobile-menu.svelte-1o8csdh a:where(.svelte-1o8csdh),.mobile-menu-btn.svelte-1o8csdh{text-decoration:none;color:var(--mp-fg);font-size:15px;font-weight:500;padding:10px 4px}.mobile-menu-btn.svelte-1o8csdh{background:transparent;border:none;text-align:left;width:100%;cursor:pointer;font-family:inherit}.mobile-menu.svelte-1o8csdh a.active:where(.svelte-1o8csdh){color:var(--mp-accent)}}
