.learn-layout.svelte-1sr4tdx{display:flex;font-size:var(--fontSize-m)}.sidebar.svelte-1sr4tdx{width:28rem;flex-shrink:0;border-right:var(--outlineWidth-s) solid var(--hair);padding:0 var(--padding-l);padding-top:calc(1.2 * var(--padding-2xl));padding-bottom:var(--padding-2xl)}.sidebar-nav.svelte-1sr4tdx{display:flex;flex-direction:column;gap:var(--padding-l);position:sticky;top:var(--padding-xl)}.category-title.svelte-1sr4tdx{font-size:var(--fontSize-l);font-weight:600;color:var(--muted);margin-top:0}.guides-list.svelte-1sr4tdx{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--padding-xs)}.guides-list.svelte-1sr4tdx a:where(.svelte-1sr4tdx){display:block;padding:var(--padding-s) 0;color:var(--sec);text-decoration:none;border-radius:0;font-size:var(--fontSize-m);transition:all .15s ease}.guides-list.svelte-1sr4tdx a:where(.svelte-1sr4tdx):hover{background:var(--labelbg);color:var(--ink)}.guides-list.svelte-1sr4tdx a.active:where(.svelte-1sr4tdx){color:var(--ink)}.content.svelte-1sr4tdx{flex:1;min-width:0}.mobile-bottom-bar.svelte-1sr4tdx{display:none;align-items:center;justify-content:center;gap:10px;position:fixed;bottom:0;left:0;width:100%;min-height:calc(var(--learn-navigation-height, 52px) + env(safe-area-inset-bottom,0px));padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--ink);border-radius:0;z-index:9;color:var(--paper);background:var(--ink);font:600 12px/20px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.mobile-bottom-bar.svelte-1sr4tdx:hover,.mobile-bottom-bar.svelte-1sr4tdx:active{background:var(--sec)}.mobile-bottom-bar.svelte-1sr4tdx:focus-visible{outline:2px solid var(--paper);outline-offset:-6px}.mobile-bottom-bar.svelte-1sr4tdx svg:where(.svelte-1sr4tdx){width:20px;height:20px}@media(max-width:1024px){.learn-layout.svelte-1sr4tdx{flex-direction:column}.sidebar.svelte-1sr4tdx{display:none}.content.svelte-1sr4tdx{max-width:100%;padding-bottom:5rem}.mobile-bottom-bar.svelte-1sr4tdx{display:flex}}.mobile-nav.svelte-1sr4tdx{display:flex;flex-direction:column;gap:var(--padding-l)}.mobile-category-title.svelte-1sr4tdx{font-size:var(--fontSize-l);font-weight:600;color:var(--muted);margin:0 0 var(--padding-m) 0}.mobile-guides-list.svelte-1sr4tdx{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--padding-xs)}.mobile-guides-list.svelte-1sr4tdx a:where(.svelte-1sr4tdx){display:block;padding:var(--padding-m);color:var(--sec);text-decoration:none;border-radius:0;font-size:var(--fontSize-m);transition:all .15s ease}.mobile-guides-list.svelte-1sr4tdx a:where(.svelte-1sr4tdx):hover{background:var(--labelbg);color:var(--ink)}.mobile-guides-list.svelte-1sr4tdx a.active:where(.svelte-1sr4tdx){color:var(--ink);background:color-mix(in oklch,var(--ink) 10%,var(--paper))}.learn-layout.svelte-1sr4tdx{font-family:var(--font-mono)}.learn-layout.svelte-1sr4tdx .sidebar:where(.svelte-1sr4tdx){width:28rem;padding:6rem 4rem;border-right:1px solid var(--hair)}.learn-layout.svelte-1sr4tdx .sidebar-nav:where(.svelte-1sr4tdx){gap:4rem;top:8rem}.learn-layout.svelte-1sr4tdx .category-title:where(.svelte-1sr4tdx){margin:0 0 1rem;color:var(--muted);font:600 1rem/2rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.learn-layout.svelte-1sr4tdx .guides-list:where(.svelte-1sr4tdx){gap:0}.learn-layout.svelte-1sr4tdx .guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx){padding:.6rem .8rem;border-radius:0;color:var(--sec);font:400 1.2rem/2rem var(--font-mono);letter-spacing:.02em}.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)}.mobile-nav.svelte-1sr4tdx{font-family:var(--font-mono)}.mobile-nav.svelte-1sr4tdx .mobile-category-title:where(.svelte-1sr4tdx){color:var(--muted);font:600 1rem/2rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.mobile-nav.svelte-1sr4tdx .mobile-guides-list:where(.svelte-1sr4tdx) a:where(.svelte-1sr4tdx){border-radius:0;color:var(--sec);font:400 1.3rem/2rem var(--font-mono)}.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)}