h3.svelte-1v0o5ro .icon{width:2rem;height:2rem;color:var(--color-primary)}.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro{display:grid;gap:var(--spacing-md)}:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) h3:where(.svelte-1v0o5ro){margin-bottom:0;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .usage-scenario:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .format-explanation:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .example-item:where(.svelte-1v0o5ro){padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border-left:4px solid var(--border-primary)}:is(:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .usage-scenario:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .format-explanation:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .example-item:where(.svelte-1v0o5ro)) h4:where(.svelte-1v0o5ro){color:var(--text-primary);margin-bottom:var(--spacing-sm)}:is(:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .usage-scenario:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .format-explanation:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .example-item:where(.svelte-1v0o5ro)) ul:where(.svelte-1v0o5ro){margin:var(--spacing-sm) 0 0 var(--spacing-md)}:is(:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .usage-scenario:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .format-explanation:where(.svelte-1v0o5ro),:is(.usage-scenarios.svelte-1v0o5ro,.format-explanations.svelte-1v0o5ro,.explainer-card.svelte-1v0o5ro) .example-item:where(.svelte-1v0o5ro)) ul:where(.svelte-1v0o5ro) li:where(.svelte-1v0o5ro){margin-bottom:var(--spacing-xs);color:var(--text-primary)}.info-cards-section.svelte-1v0o5ro{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.format-badge.svelte-1v0o5ro{color:var(--bg-primary);border-radius:var(--radius-xs);padding:.1rem .25rem;font-weight:600}.format-badge.svelte-1v0o5ro.expanded{background-color:var(--color-info)}.format-badge.svelte-1v0o5ro.compressed{background-color:var(--color-success)}.format-badge.svelte-1v0o5ro.rules{background-color:var(--color-warning)}.examples-grid.svelte-1v0o5ro{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.code-examples.svelte-1v0o5ro{margin-top:var(--spacing-sm)}.code-pair.svelte-1v0o5ro{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.code-label.svelte-1v0o5ro{font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm)}.code-block.svelte-1v0o5ro{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.code-block.svelte-1v0o5ro code:where(.svelte-1v0o5ro){font-family:var(--font-mono);background-color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);border:1px solid var(--border-primary);font-size:var(--font-size-xs)}.code-block.svelte-1v0o5ro code:where(.svelte-1v0o5ro).expanded{color:var(--color-info)}.code-block.svelte-1v0o5ro code:where(.svelte-1v0o5ro).compressed{color:var(--color-success)}.code-block.svelte-1v0o5ro .arrow:where(.svelte-1v0o5ro){color:var(--text-secondary);font-weight:700;opacity:.7}@media (max-width: 768px){.examples-grid.svelte-1v0o5ro{grid-template-columns:1fr}.code-block.svelte-1v0o5ro{flex-direction:column;align-items:stretch}.code-block.svelte-1v0o5ro .arrow:where(.svelte-1v0o5ro){text-align:center}}