.learn-page.svelte-sevip1{min-height:100vh;background:var(--color-bg)}.learn-header.svelte-sevip1{background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary) 15%,var(--color-bg)) 0%,var(--color-bg) 100%);padding:var(--space-2xl) var(--space-lg) var(--space-3xl)}.container.svelte-sevip1{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-lg)}.breadcrumb.svelte-sevip1{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.breadcrumb.svelte-sevip1 a:where(.svelte-sevip1){color:var(--color-text-muted);text-decoration:none}.breadcrumb.svelte-sevip1 a:where(.svelte-sevip1):hover{color:var(--color-primary)}.breadcrumb.svelte-sevip1 span:where(.svelte-sevip1){color:var(--color-text-muted)}.topic-icon.svelte-sevip1{font-size:var(--text-4xl);display:block;margin-bottom:var(--space-md)}.learn-header.svelte-sevip1 h1:where(.svelte-sevip1){font-size:var(--text-4xl);margin-bottom:var(--space-md)}.learn-subtitle.svelte-sevip1{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:700px;margin-bottom:var(--space-lg)}.learn-meta.svelte-sevip1{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted)}.read-time.svelte-sevip1{display:flex;align-items:center;gap:var(--space-xs)}.difficulty.svelte-sevip1{padding:var(--space-xs) var(--space-sm);background:var(--color-secondary-subtle);color:var(--color-secondary);border-radius:var(--radius-sm);font-weight:var(--font-medium)}.learn-layout.svelte-sevip1{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-sevip1{grid-template-columns:1fr}}@media(max-width:968px){.table-of-contents.svelte-sevip1{display:none}}.table-of-contents.svelte-sevip1 nav:where(.svelte-sevip1){position:sticky;top:var(--space-xl)}.table-of-contents.svelte-sevip1 h4:where(.svelte-sevip1){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-sevip1 ul:where(.svelte-sevip1){list-style:none;padding:0;margin:0}.table-of-contents.svelte-sevip1 li:where(.svelte-sevip1){margin-bottom:var(--space-xs)}.table-of-contents.svelte-sevip1 button:where(.svelte-sevip1){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-sevip1 button:where(.svelte-sevip1):hover{color:var(--color-secondary);border-left-color:var(--color-secondary);background:var(--color-secondary-subtle)}.learn-content.svelte-sevip1{max-width:750px}.content-section.svelte-sevip1{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-bg-muted)}.content-section.svelte-sevip1:last-of-type{border-bottom:none}.content-section.svelte-sevip1 h2:where(.svelte-sevip1){font-size:var(--text-2xl);margin-bottom:var(--space-lg);scroll-margin-top:var(--space-xl)}.content-section.svelte-sevip1 h3:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-lg);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.content-section.svelte-sevip1 p:where(.svelte-sevip1){color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.content-section.svelte-sevip1 ul:where(.svelte-sevip1){color:var(--color-text-secondary);margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.content-section.svelte-sevip1 ul:where(.svelte-sevip1) li:where(.svelte-sevip1){margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}.key-point.svelte-sevip1{padding:var(--space-lg);background:var(--color-secondary-subtle);border-radius:var(--radius-lg);border-left:4px solid var(--color-secondary);margin:var(--space-lg) 0}.key-point.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-secondary);margin-bottom:var(--space-sm)}.key-point.svelte-sevip1 p:where(.svelte-sevip1){margin-bottom:0}.callout.svelte-sevip1{padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0}.callout.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-sm)}.callout.svelte-sevip1 p:where(.svelte-sevip1){margin-bottom:0;font-size:var(--text-sm)}.callout.svelte-sevip1.info{background:#155e75;border-left:4px solid var(--color-info)}.callout.svelte-sevip1.info h4:where(.svelte-sevip1){color:#a5f3fc}.callout.svelte-sevip1.info p:where(.svelte-sevip1){color:#ecfeff}.callout.svelte-sevip1.warning{background:#991b1b;border-left:4px solid var(--color-error)}.callout.svelte-sevip1.warning h4:where(.svelte-sevip1){color:#fecaca}.callout.svelte-sevip1.warning p:where(.svelte-sevip1){color:#fef2f2}.approach-options.svelte-sevip1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.approach.svelte-sevip1{padding:var(--space-lg);border-radius:var(--radius-lg)}.approach.svelte-sevip1.good{background:#065f46;border:2px solid var(--color-success)}.approach.svelte-sevip1.good h4:where(.svelte-sevip1){color:#a7f3d0}.approach.svelte-sevip1.good li:where(.svelte-sevip1){color:#ecfdf5}.approach.svelte-sevip1.avoid{background:#991b1b;border:2px solid var(--color-error)}.approach.svelte-sevip1.avoid h4:where(.svelte-sevip1){color:#fecaca}.approach.svelte-sevip1.avoid li:where(.svelte-sevip1){color:#fef2f2}.approach.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-md)}.approach.svelte-sevip1 ul:where(.svelte-sevip1){list-style:disc;padding-left:var(--space-lg);margin-bottom:0}.approach.svelte-sevip1 ul:where(.svelte-sevip1) li:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:var(--space-xs)}.conversation-tips.svelte-sevip1{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.tip.svelte-sevip1{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.tip.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-secondary);margin-bottom:var(--space-sm)}.tip.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:0}.reactions-grid.svelte-sevip1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.reaction.svelte-sevip1{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border-left:4px solid var(--color-secondary)}.reaction.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-sm)}.reaction.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:0}.mismatch-types.svelte-sevip1{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.mismatch.svelte-sevip1{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.mismatch.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-secondary);margin-bottom:var(--space-sm)}.mismatch.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:0}.options-grid.svelte-sevip1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.option.svelte-sevip1{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.option.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-secondary);margin-bottom:var(--space-sm)}.option.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:0}.starting-tips.svelte-sevip1{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.dynamic-elements.svelte-sevip1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.element.svelte-sevip1{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.element.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-secondary);margin-bottom:var(--space-sm)}.element.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:0}.fresh-tips.svelte-sevip1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.challenges-grid.svelte-sevip1{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.challenge.svelte-sevip1{padding:var(--space-lg);background:#92400e;border-radius:var(--radius-lg);border-left:4px solid var(--color-warning)}.challenge.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:#fef3c7;margin-bottom:var(--space-sm)}.challenge.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);color:#fefce8;margin-bottom:var(--space-sm)}.challenge.svelte-sevip1 .solution:where(.svelte-sevip1){display:block;font-size:var(--text-xs);color:#fef3c7;font-style:italic}.options-list.svelte-sevip1{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.option-item.svelte-sevip1{padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-bg-muted)}.option-item.svelte-sevip1 h4:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-secondary);margin-bottom:var(--space-sm)}.option-item.svelte-sevip1 p:where(.svelte-sevip1){font-size:var(--text-sm);margin-bottom:0}.learn-footer.svelte-sevip1{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-bg-muted)}.related-topics.svelte-sevip1{margin-bottom:var(--space-2xl)}.related-topics.svelte-sevip1 h3:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-md)}.related-links.svelte-sevip1{display:flex;flex-direction:column;gap:var(--space-sm)}.related-link.svelte-sevip1{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-sevip1:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.cta-box.svelte-sevip1{padding:var(--space-xl);background:linear-gradient(135deg,var(--color-secondary-subtle) 0%,var(--color-primary-subtle) 100%);border-radius:var(--radius-xl);text-align:center}.cta-box.svelte-sevip1 h3:where(.svelte-sevip1){font-family:var(--font-sans);font-size:var(--text-xl);margin-bottom:var(--space-sm)}.cta-box.svelte-sevip1 p:where(.svelte-sevip1){margin-bottom:var(--space-lg)}.btn.svelte-sevip1{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-sevip1:hover{transform:translateY(-2px)}.btn-primary.svelte-sevip1{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-sevip1:hover{box-shadow:var(--shadow-lg),0 0 30px #7c3aed66}