.learn-layout.svelte-1gii96b{display:flex;font-size:var(--fontSize-m)}.sidebar.svelte-1gii96b{width:28rem;flex-shrink:0;border-right:var(--outlineWidth-s) solid var(--borderColor);padding:var(--padding-xl) var(--padding-m);padding-top:calc(1.2 * var(--padding-2xl));position:sticky;top:0;height:100vh}.sidebar-nav.svelte-1gii96b{display:flex;flex-direction:column;gap:var(--padding-l)}.category-title.svelte-1gii96b{font-size:var(--fontSize-l);font-weight:600;color:var(--textColorDimmed);margin-top:0}.guides-list.svelte-1gii96b{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--padding-xs)}.guides-list.svelte-1gii96b a:where(.svelte-1gii96b){display:block;padding:var(--padding-s) 0;color:var(--textColorVeryDimmed);text-decoration:none;border-radius:var(--borderRadius-s);font-size:var(--fontSize-m);transition:all .15s ease}.guides-list.svelte-1gii96b a:where(.svelte-1gii96b):hover{background:var(--hoverColor);color:var(--textColor)}.guides-list.svelte-1gii96b a.active:where(.svelte-1gii96b){color:var(--accentColor)}.locked-guide.svelte-1gii96b{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-s);padding:var(--padding-s) 0;cursor:not-allowed}.locked-guide-title.svelte-1gii96b{color:var(--textColorVeryDimmed);font-size:var(--fontSize-m);opacity:.6}.coming-soon-badge.svelte-1gii96b{font-size:var(--fontSize-xs);color:var(--textColorDimmed);background:var(--bgColorSecondary);padding:var(--padding-xs) var(--padding-s);border-radius:var(--borderRadius-s);white-space:nowrap;font-weight:500}.content.svelte-1gii96b{flex:1}.mobile-bottom-bar.svelte-1gii96b{display:none;transition:transform .3s ease-in-out}.mobile-bottom-bar.hidden.svelte-1gii96b{transform:translateY(100%)}@media (max-width: 1024px){.learn-layout.svelte-1gii96b{flex-direction:column}.sidebar.svelte-1gii96b{display:none}.content.svelte-1gii96b{max-width:100%;padding-bottom:5rem}.mobile-bottom-bar.svelte-1gii96b{display:flex;align-items:center;justify-content:center;gap:var(--padding-s);position:fixed;bottom:0;left:0;right:0;background:var(--bgColor);border-top:var(--outlineWidth-s) solid var(--borderColor);padding:var(--padding-m);z-index:100;color:var(--textColor);font-size:var(--fontSize-m);font-weight:600;cursor:pointer}.mobile-bottom-bar.svelte-1gii96b:active{background:var(--bgColorDimmed)}.mobile-bottom-bar.svelte-1gii96b svg:where(.svelte-1gii96b){width:2.4rem;height:2.4rem}}.mobile-nav.svelte-1gii96b{display:flex;flex-direction:column;gap:var(--padding-l)}.mobile-category-title.svelte-1gii96b{font-size:var(--fontSize-l);font-weight:600;color:var(--textColorDimmed);margin:0 0 var(--padding-m) 0}.mobile-guides-list.svelte-1gii96b{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--padding-xs)}.mobile-guides-list.svelte-1gii96b a:where(.svelte-1gii96b){display:block;padding:var(--padding-m);color:var(--textColorVeryDimmed);text-decoration:none;border-radius:var(--borderRadius-s);font-size:var(--fontSize-m);transition:all .15s ease}.mobile-guides-list.svelte-1gii96b a:where(.svelte-1gii96b):hover{background:var(--hoverColor);color:var(--textColor)}.mobile-guides-list.svelte-1gii96b a.active:where(.svelte-1gii96b){color:var(--accentColor);background:color-mix(in oklch,var(--accentColor) 10%,var(--bgColor))}.mobile-guides-list.svelte-1gii96b .locked-guide:where(.svelte-1gii96b){display:flex;align-items:center;justify-content:space-between;gap:var(--padding-s);padding:var(--padding-m);cursor:not-allowed}
