.learn-page.svelte-xnw0zq{min-height:100vh;background:var(--color-bg)}.learn-header.svelte-xnw0zq{background:linear-gradient(180deg,var(--color-primary-subtle) 0%,var(--color-bg) 100%);padding:var(--space-2xl) var(--space-lg) var(--space-3xl)}.container.svelte-xnw0zq{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-lg)}.breadcrumb.svelte-xnw0zq{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.breadcrumb.svelte-xnw0zq a:where(.svelte-xnw0zq){color:var(--color-text-muted);text-decoration:none}.breadcrumb.svelte-xnw0zq a:where(.svelte-xnw0zq):hover{color:var(--color-primary)}.breadcrumb.svelte-xnw0zq span:where(.svelte-xnw0zq){color:var(--color-text-muted)}.topic-icon.svelte-xnw0zq{font-size:var(--text-4xl);display:block;margin-bottom:var(--space-md)}.learn-header.svelte-xnw0zq h1:where(.svelte-xnw0zq){font-size:var(--text-4xl);margin-bottom:var(--space-md)}.learn-subtitle.svelte-xnw0zq{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:700px;margin-bottom:var(--space-lg)}.learn-meta.svelte-xnw0zq{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted)}.read-time.svelte-xnw0zq{display:flex;align-items:center;gap:var(--space-xs)}.difficulty.svelte-xnw0zq{padding:var(--space-xs) var(--space-sm);background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-sm);font-weight:var(--font-medium)}.learn-layout.svelte-xnw0zq{display:grid;grid-template-columns:250px 1fr;gap:var(--space-3xl);max-width:var(--container-xl);margin-inline:auto;padding:var(--space-2xl) var(--space-lg)}@media(max-width:968px){.learn-layout.svelte-xnw0zq{grid-template-columns:1fr}}@media(max-width:968px){.table-of-contents.svelte-xnw0zq{display:none}}.table-of-contents.svelte-xnw0zq nav:where(.svelte-xnw0zq){position:sticky;top:var(--space-xl)}.table-of-contents.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.table-of-contents.svelte-xnw0zq ul:where(.svelte-xnw0zq){list-style:none;padding:0;margin:0}.table-of-contents.svelte-xnw0zq li:where(.svelte-xnw0zq){margin-bottom:var(--space-xs)}.table-of-contents.svelte-xnw0zq button:where(.svelte-xnw0zq){display:block;width:100%;text-align:left;padding:var(--space-sm);background:none;border:none;border-left:2px solid var(--color-bg-muted);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.table-of-contents.svelte-xnw0zq button:where(.svelte-xnw0zq):hover{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-primary-subtle)}.learn-content.svelte-xnw0zq{max-width:750px}.content-section.svelte-xnw0zq{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-bg-muted)}.content-section.svelte-xnw0zq:last-of-type{border-bottom:none}.content-section.svelte-xnw0zq h2:where(.svelte-xnw0zq){font-size:var(--text-2xl);margin-bottom:var(--space-lg);scroll-margin-top:var(--space-xl)}.content-section.svelte-xnw0zq h3:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-lg);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.content-section.svelte-xnw0zq p:where(.svelte-xnw0zq){color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.content-section.svelte-xnw0zq ul:where(.svelte-xnw0zq),.content-section.svelte-xnw0zq ol:where(.svelte-xnw0zq){color:var(--color-text-secondary);margin-bottom:var(--space-lg);padding-left:var(--space-xl)}:is(.content-section.svelte-xnw0zq ul:where(.svelte-xnw0zq),.content-section.svelte-xnw0zq ol:where(.svelte-xnw0zq)) li:where(.svelte-xnw0zq){margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}.key-point.svelte-xnw0zq{padding:var(--space-lg);background:var(--color-primary-subtle);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);margin:var(--space-lg) 0}.key-point.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-sm)}.key-point.svelte-xnw0zq p:where(.svelte-xnw0zq){margin-bottom:0}.callout.svelte-xnw0zq{padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0}.callout.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-sm)}.callout.svelte-xnw0zq p:where(.svelte-xnw0zq){margin-bottom:0;font-size:var(--text-sm)}.callout.svelte-xnw0zq.info{background:#155e75;border-left:4px solid var(--color-info)}.callout.svelte-xnw0zq.info h4:where(.svelte-xnw0zq){color:#a5f3fc}.callout.svelte-xnw0zq.info p:where(.svelte-xnw0zq){color:#ecfeff}.callout.svelte-xnw0zq.warning{background:#991b1b;border-left:4px solid var(--color-error)}.callout.svelte-xnw0zq.warning h4:where(.svelte-xnw0zq){color:#fecaca}.callout.svelte-xnw0zq.warning p:where(.svelte-xnw0zq){color:#fef2f2}.spectrum-grid.svelte-xnw0zq{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.spectrum-item.svelte-xnw0zq{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.spectrum-item.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-sm)}.spectrum-item.svelte-xnw0zq p:where(.svelte-xnw0zq){margin-bottom:0;font-size:var(--text-sm)}.principles-list.svelte-xnw0zq{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.principle.svelte-xnw0zq{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.principle-number.svelte-xnw0zq{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary);color:#fff;font-weight:var(--font-bold);border-radius:50%;flex-shrink:0}.principle.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-xs)}.principle.svelte-xnw0zq p:where(.svelte-xnw0zq){font-size:var(--text-sm);margin-bottom:0}.comparison-boxes.svelte-xnw0zq{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.compare-box.svelte-xnw0zq{padding:var(--space-lg);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.compare-box.svelte-xnw0zq.highlight{background:var(--color-primary-subtle);border:2px solid var(--color-primary)}.compare-box.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-sm)}.compare-box.svelte-xnw0zq p:where(.svelte-xnw0zq){font-size:var(--text-sm);margin-bottom:0}.patterns-grid.svelte-xnw0zq{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.pattern.svelte-xnw0zq{padding:var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-bg-muted)}.pattern.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-xs)}.pattern.svelte-xnw0zq p:where(.svelte-xnw0zq){font-size:var(--text-sm);margin-bottom:0}.psych-reasons.svelte-xnw0zq{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.reason.svelte-xnw0zq{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.reason.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-sm)}.reason.svelte-xnw0zq p:where(.svelte-xnw0zq){font-size:var(--text-sm);margin-bottom:0}.growth-tips.svelte-xnw0zq{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.tip.svelte-xnw0zq{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.tip.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-sm)}.tip.svelte-xnw0zq p:where(.svelte-xnw0zq){font-size:var(--text-sm);margin-bottom:0}.pitfall-list.svelte-xnw0zq{display:flex;flex-direction:column;gap:var(--space-md)}.pitfall.svelte-xnw0zq{padding:var(--space-lg);background:#991b1b;border-radius:var(--radius-lg);border-left:4px solid var(--color-error)}.pitfall.svelte-xnw0zq h4:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-base);color:#fecaca;margin-bottom:var(--space-sm)}.pitfall.svelte-xnw0zq p:where(.svelte-xnw0zq){font-size:var(--text-sm);color:#fef2f2;margin-bottom:0}.learn-footer.svelte-xnw0zq{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-bg-muted)}.related-topics.svelte-xnw0zq{margin-bottom:var(--space-2xl)}.related-topics.svelte-xnw0zq h3:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-md)}.related-links.svelte-xnw0zq{display:flex;flex-direction:column;gap:var(--space-sm)}.related-link.svelte-xnw0zq{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-bg-muted);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast)}.related-link.svelte-xnw0zq:hover{border-color:var(--color-primary);color:var(--color-primary)}.cta-box.svelte-xnw0zq{padding:var(--space-xl);background:linear-gradient(135deg,var(--color-primary-subtle) 0%,var(--color-secondary-subtle) 100%);border-radius:var(--radius-xl);text-align:center}.cta-box.svelte-xnw0zq h3:where(.svelte-xnw0zq){font-family:var(--font-sans);font-size:var(--text-xl);margin-bottom:var(--space-sm)}.cta-box.svelte-xnw0zq p:where(.svelte-xnw0zq){margin-bottom:var(--space-lg)}.btn.svelte-xnw0zq{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-base)}.btn.svelte-xnw0zq:hover{transform:translateY(-2px)}.btn-primary.svelte-xnw0zq{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary.svelte-xnw0zq:hover{box-shadow:var(--shadow-lg),0 0 30px #7c3aed66}