.learn-layout.svelte-1er34zt{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 80px)}.sidebar.svelte-1er34zt{background:var(--color-bg-elevated);border-right:1px solid rgba(255,255,255,.1);padding:var(--space-lg);position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.sidebar-home.svelte-1er34zt{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-weight:500;margin-bottom:var(--space-lg);transition:all var(--transition-fast)}.sidebar-home.svelte-1er34zt:hover{background:#ffffff0d;text-decoration:none}.sidebar-home.active.svelte-1er34zt{background:var(--color-primary-muted);color:var(--color-primary)}.nav-section.svelte-1er34zt{margin-bottom:var(--space-lg)}.nav-section-title.svelte-1er34zt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);padding:0 var(--space-md);margin-bottom:var(--space-sm)}.nav-list.svelte-1er34zt{list-style:none;padding:0;margin:0}.nav-link.svelte-1er34zt{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:.8125rem;transition:all var(--transition-fast)}.nav-link.svelte-1er34zt:hover{color:var(--color-text);background:#ffffff0d;text-decoration:none}.nav-link.active.svelte-1er34zt{color:var(--color-primary);background:var(--color-primary-muted)}.nav-link-num.svelte-1er34zt{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;font-size:.6875rem;font-weight:600;color:var(--color-text-subtle)}.nav-link.active.svelte-1er34zt .nav-link-num:where(.svelte-1er34zt){background:var(--color-primary);color:#fff}.nav-link-label.svelte-1er34zt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link-time.svelte-1er34zt{flex-shrink:0;font-size:.625rem;color:var(--color-text-subtle)}.nav-link.active.svelte-1er34zt .nav-link-time:where(.svelte-1er34zt){color:var(--color-primary);opacity:.7}.sidebar-progress.svelte-1er34zt{margin-top:var(--space-xl);padding:var(--space-md);border-top:1px solid rgba(255,255,255,.1)}.progress-label.svelte-1er34zt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);margin-bottom:var(--space-sm)}.progress-bar.svelte-1er34zt{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:var(--space-xs)}.progress-fill.svelte-1er34zt{height:100%;background:linear-gradient(90deg,var(--color-primary),#8b5cf6);border-radius:2px;transition:width .3s ease}.progress-text.svelte-1er34zt{font-size:.625rem;color:var(--color-text-subtle)}.learn-content.svelte-1er34zt{padding:var(--space-xl) var(--space-2xl);max-width:900px;min-width:0}.learn-header.svelte-1er34zt{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.breadcrumbs.svelte-1er34zt{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;margin-bottom:var(--space-md)}.breadcrumbs.svelte-1er34zt a:where(.svelte-1er34zt){color:var(--color-text-muted);text-decoration:none}.breadcrumbs.svelte-1er34zt a:where(.svelte-1er34zt):hover{color:var(--color-primary)}.breadcrumb-sep.svelte-1er34zt{color:var(--color-text-subtle)}.breadcrumb-current.svelte-1er34zt{color:var(--color-text)}.learn-header.svelte-1er34zt h1:where(.svelte-1er34zt){font-size:2rem;margin-bottom:var(--space-sm)}.learn-description.svelte-1er34zt{color:var(--color-text-muted);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-md)}.learn-meta.svelte-1er34zt{display:flex;gap:var(--space-md);flex-wrap:wrap}.meta-badge.svelte-1er34zt{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:500}.meta-badge.audience.svelte-1er34zt{background:var(--color-primary-muted);color:var(--color-primary)}.meta-badge.duration.svelte-1er34zt{background:#ffffff14;color:var(--color-text-muted)}.learn-article.svelte-1er34zt{line-height:1.7}.learn-article.svelte-1er34zt h2{font-size:1.5rem;margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.learn-article.svelte-1er34zt h3{font-size:1.25rem;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.learn-article.svelte-1er34zt h4{font-size:1rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-muted)}.learn-article.svelte-1er34zt p{margin-bottom:var(--space-md)}.learn-article.svelte-1er34zt ul,.learn-article.svelte-1er34zt ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.learn-article.svelte-1er34zt li{margin-bottom:var(--space-sm)}.learn-article.svelte-1er34zt code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-elevated);padding:2px 6px;border-radius:var(--radius-sm)}.learn-article.svelte-1er34zt pre{background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;margin-bottom:var(--space-lg);border:1px solid rgba(255,255,255,.1)}.learn-article.svelte-1er34zt pre code{background:none;padding:0;font-size:.8125rem;line-height:1.6}.learn-article.svelte-1er34zt .code-block-wrapper{position:relative}.learn-article.svelte-1er34zt .code-copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--color-text-subtle);font-size:.6875rem;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.learn-article.svelte-1er34zt .code-block-wrapper:hover .code-copy-btn{opacity:1}.learn-article.svelte-1er34zt .code-copy-btn:hover{background:#ffffff26;color:var(--color-text)}.learn-article.svelte-1er34zt .code-copy-btn:focus{opacity:1;outline:none;box-shadow:var(--focus-ring, 0 0 0 2px var(--color-primary))}.learn-article.svelte-1er34zt .code-copy-btn.copied{background:var(--color-success, #22c55e);border-color:var(--color-success, #22c55e);color:#fff}.learn-article.svelte-1er34zt .code-copy-btn .copy-icon{font-size:.75rem}.learn-article.svelte-1er34zt table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg)}.learn-article.svelte-1er34zt th,.learn-article.svelte-1er34zt td{padding:var(--space-sm) var(--space-md);border:1px solid rgba(255,255,255,.1);text-align:left}.learn-article.svelte-1er34zt th{background:var(--color-bg-elevated);font-weight:600}.learn-article.svelte-1er34zt blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-lg) 0;color:var(--color-text-muted);font-style:italic}.learn-article.svelte-1er34zt .heading-anchor{margin-left:var(--space-sm);color:var(--color-text-subtle);text-decoration:none;font-weight:400;opacity:0;transition:opacity var(--transition-fast);font-size:.875em}.learn-article.svelte-1er34zt h2:hover .heading-anchor,.learn-article.svelte-1er34zt h3:hover .heading-anchor,.learn-article.svelte-1er34zt .heading-anchor:focus{opacity:1;color:var(--color-primary)}.learn-article.svelte-1er34zt .exercise-callout{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-2xl) 0 var(--space-lg)}.learn-article.svelte-1er34zt .exercise-callout h3{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);margin-top:0;margin-bottom:var(--space-md);font-size:1.125rem}.learn-article.svelte-1er34zt .exercise-callout p:last-child{margin-bottom:0}.learn-article.svelte-1er34zt .learning-objectives{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.learn-article.svelte-1er34zt .learning-objectives h3{display:flex;align-items:center;gap:var(--space-sm);margin-top:0;margin-bottom:var(--space-md);color:var(--color-text)}.learn-article.svelte-1er34zt .audience-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary-muted);color:var(--color-primary);vertical-align:middle}.nav-link-done.svelte-1er34zt{background:var(--color-success, #22c55e)!important;color:#fff!important;font-size:.5625rem}.nav-link.completed.svelte-1er34zt{color:var(--color-text-subtle)}.nav-link.completed.svelte-1er34zt .nav-link-label:where(.svelte-1er34zt){text-decoration:line-through;text-decoration-color:#fff3}.completion-toggle.svelte-1er34zt{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.complete-btn.svelte-1er34zt{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.complete-btn.svelte-1er34zt:hover{background:#22c55e1a;border-color:#22c55e4d;color:var(--color-text)}.complete-btn.is-complete.svelte-1er34zt{background:#22c55e1a;border-color:#22c55e4d;color:var(--color-success, #22c55e)}.complete-btn.is-complete.svelte-1er34zt:hover{background:#ef44441a;border-color:#ef44444d;color:var(--color-text-muted)}.learn-footer.svelte-1er34zt{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.footer-nav.svelte-1er34zt{display:flex;justify-content:space-between}.footer-link.svelte-1er34zt{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-muted);text-decoration:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.1);min-width:180px}.footer-link.svelte-1er34zt:hover{color:var(--color-primary);background:var(--color-primary-muted);border-color:var(--color-primary);text-decoration:none}.footer-link.next.svelte-1er34zt{text-align:right;margin-left:auto}.footer-link-content.svelte-1er34zt{display:flex;flex-direction:column;gap:2px}.footer-link-label.svelte-1er34zt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle)}.footer-link.svelte-1er34zt:hover .footer-link-label:where(.svelte-1er34zt){color:var(--color-primary);opacity:.7}.footer-link-title.svelte-1er34zt{font-size:.875rem;font-weight:500;color:var(--color-text)}.footer-link.svelte-1er34zt:hover .footer-link-title:where(.svelte-1er34zt){color:var(--color-primary)}.footer-link-direction.svelte-1er34zt{font-size:1.25rem;opacity:.6}.footer-link.svelte-1er34zt:hover .footer-link-direction:where(.svelte-1er34zt){opacity:1}.sidebar-toggle.svelte-1er34zt{display:none;position:fixed;bottom:calc(var(--space-lg) + 60px);right:var(--space-lg);z-index:200;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-md) var(--space-lg);font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0000004d}.sidebar-toggle.svelte-1er34zt:hover{background:var(--color-primary-hover)}.toggle-icon.svelte-1er34zt{margin-right:var(--space-xs)}.sidebar-overlay.svelte-1er34zt{display:none}@media(max-width:1024px){.learn-layout.svelte-1er34zt{grid-template-columns:1fr}.sidebar.svelte-1er34zt{position:fixed;left:-300px;top:60px;height:calc(100vh - 60px);z-index:150;transition:left var(--transition-normal)}.sidebar.open.svelte-1er34zt{left:0}.sidebar-toggle.svelte-1er34zt{display:flex;align-items:center}.sidebar-overlay.svelte-1er34zt{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:140;border:none;cursor:pointer}.learn-content.svelte-1er34zt{padding:var(--space-lg)}}@media print{.learn-layout.svelte-1er34zt{grid-template-columns:1fr}.sidebar.svelte-1er34zt,.sidebar-toggle.svelte-1er34zt,.completion-toggle.svelte-1er34zt{display:none!important}.learn-content.svelte-1er34zt{padding:0;max-width:100%}.learn-article.svelte-1er34zt .heading-anchor,.learn-article.svelte-1er34zt .code-copy-btn,.footer-nav.svelte-1er34zt{display:none}.learn-article.svelte-1er34zt pre{border:1px solid #ccc;white-space:pre-wrap;word-wrap:break-word}.learn-article.svelte-1er34zt a{color:inherit;text-decoration:underline}}@media(max-width:640px){.learn-header.svelte-1er34zt h1:where(.svelte-1er34zt){font-size:1.5rem}.learn-description.svelte-1er34zt{font-size:1rem}.footer-nav.svelte-1er34zt{flex-direction:column;gap:var(--space-sm)}.footer-link.svelte-1er34zt{min-width:unset}.footer-link.next.svelte-1er34zt{margin-left:0}}