.explainer-section.svelte-n7jada{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.explainer-section.svelte-n7jada h3:where(.svelte-n7jada){color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.explainer-section.svelte-n7jada h4:where(.svelte-n7jada){color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.explainer-section.svelte-n7jada h5:where(.svelte-n7jada){color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600}.split-modes.svelte-n7jada{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.mode-item.svelte-n7jada{border:1px solid var(--border-primary);border-left:4px solid var(--color-info);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md)}.mode-example.svelte-n7jada{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.mode-example.svelte-n7jada .arrow:where(.svelte-n7jada){font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.mode-example.svelte-n7jada code:where(.svelte-n7jada){background-color:var(--bg-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-sm)}.mode-example.svelte-n7jada .more:where(.svelte-n7jada){color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm)}.key-concepts.svelte-n7jada{margin:var(--spacing-xl) 0}.concepts-grid.svelte-n7jada{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.concept.svelte-n7jada{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.concept.svelte-n7jada h5:where(.svelte-n7jada){margin-bottom:var(--spacing-sm)}.concept.svelte-n7jada p:where(.svelte-n7jada){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.use-cases-box.svelte-n7jada{margin:var(--spacing-xl) 0;background-color:var(--bg-primary);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-md)}.use-cases-box.svelte-n7jada h4:where(.svelte-n7jada){color:var(--color-info);margin:0 0 var(--spacing-sm) 0}.use-cases-box.svelte-n7jada ul:where(.svelte-n7jada){list-style:none;margin:0;padding:0}.use-cases-box.svelte-n7jada ul:where(.svelte-n7jada) li:where(.svelte-n7jada){margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm)}.use-cases-box.svelte-n7jada ul:where(.svelte-n7jada) li:where(.svelte-n7jada):before{content:"•";color:var(--color-info);font-weight:700;display:inline-block;width:1em;margin-right:var(--spacing-xs)}.use-cases-box.svelte-n7jada ul:where(.svelte-n7jada) li:where(.svelte-n7jada) strong:where(.svelte-n7jada){color:var(--color-info)}.technical-notes.svelte-n7jada{margin:var(--spacing-xl) 0}.notes-grid.svelte-n7jada{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.note.svelte-n7jada{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-left:4px solid var(--color-warning);border-radius:var(--radius-md)}.note.svelte-n7jada h5:where(.svelte-n7jada){margin-bottom:var(--spacing-sm)}.note.svelte-n7jada p:where(.svelte-n7jada){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@media(max-width:768px){.split-modes.svelte-n7jada{grid-template-columns:1fr}.mode-example.svelte-n7jada .arrow:where(.svelte-n7jada){transform:rotate(90deg)}.concepts-grid.svelte-n7jada,.notes-grid.svelte-n7jada{grid-template-columns:1fr}}
