.learn-layout.svelte-1sr4tdx{font-family:var(--font-mono);display:flex}.learn-layout.svelte-1sr4tdx .sidebar:where(.svelte-1sr4tdx){width:28rem;padding:var(--padding-l) var(--padding-xl) var(--padding-2xl) 0;border-right:1px solid var(--hair);flex-shrink:0}.learn-layout.svelte-1sr4tdx .sidebar-nav:where(.svelte-1sr4tdx){top:calc(var(--header-height) + var(--padding-l));gap:var(--padding-xl);flex-direction:column;display:flex;position:sticky}.learn-layout.svelte-1sr4tdx .category-title:where(.svelte-1sr4tdx){color:var(--muted);font:var(--type-micro);letter-spacing:var(--type-micro-ls);text-transform:uppercase;margin:0 0 1rem}.learn-layout.svelte-1sr4tdx .guides-list:where(.svelte-1sr4tdx){flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.learn-layout.svelte-1sr4tdx .guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx){padding:.6rem var(--padding-s);color:var(--sec);font:var(--type-link);letter-spacing:var(--type-link-ls);border-radius:0;text-decoration:none;display:block}.learn-layout.svelte-1sr4tdx .guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx):hover,.learn-layout.svelte-1sr4tdx .guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx).active{color:var(--paper);background:var(--ink)}.content.svelte-1sr4tdx{flex:1;min-width:0}.mobile-bottom-bar.svelte-1sr4tdx{width:100%;min-height:calc(var(--learn-navigation-height) + env(safe-area-inset-bottom,0px));padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--hair);z-index:9;color:var(--ink);background:var(--paper);font:var(--type-micro);letter-spacing:var(--type-micro-ls);text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:10px;display:none;position:fixed;bottom:0;left:0}.mobile-bottom-bar.svelte-1sr4tdx:hover,.mobile-bottom-bar.svelte-1sr4tdx:active{background:var(--labelbg)}.mobile-bottom-bar.svelte-1sr4tdx:focus-visible{outline:2px solid var(--focus);outline-offset:-6px}.mobile-bottom-bar.svelte-1sr4tdx svg:where(.svelte-1sr4tdx){width:20px;height:20px}@media (width<=1024px){.learn-layout.svelte-1sr4tdx{flex-direction:column}.sidebar.svelte-1sr4tdx{display:none}.mobile-bottom-bar.svelte-1sr4tdx{display:flex}}.mobile-nav.svelte-1sr4tdx{gap:var(--padding-l);font-family:var(--font-mono);flex-direction:column;display:flex}.mobile-nav.svelte-1sr4tdx .mobile-category-title:where(.svelte-1sr4tdx){margin:0 0 var(--padding-m) 0;color:var(--muted);font:var(--type-micro);letter-spacing:var(--type-micro-ls);text-transform:uppercase}.mobile-nav.svelte-1sr4tdx .mobile-guides-list:where(.svelte-1sr4tdx){gap:var(--padding-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-nav.svelte-1sr4tdx .mobile-guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx){padding:var(--padding-m);color:var(--sec);font:var(--type-link);letter-spacing:var(--type-link-ls);border-radius:0;text-decoration:none;display:block}.mobile-nav.svelte-1sr4tdx .mobile-guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx):hover,.mobile-nav.svelte-1sr4tdx .mobile-guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx).active{color:var(--paper);background:var(--ink)}
