.page-header.svelte-1mv8jey{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.eyebrow.svelte-1mv8jey{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-fg-muted);margin-bottom:var(--space-xs)}h1.svelte-1mv8jey{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.lead.svelte-1mv8jey{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:65ch}.section.svelte-1mv8jey{margin-bottom:var(--space-2xl)}h2.svelte-1mv8jey{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}h3.svelte-1mv8jey{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}h4.svelte-1mv8jey{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.section-description.svelte-1mv8jey{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);max-width:65ch}p.svelte-1mv8jey{font-size:var(--text-body);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md);max-width:65ch}code.svelte-1mv8jey{font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}.container-demo.svelte-1mv8jey{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.container-row.svelte-1mv8jey{display:flex;flex-direction:column;gap:var(--space-xs)}@media(min-width:768px){.container-row.svelte-1mv8jey{flex-direction:row;align-items:center;gap:var(--space-md)}}.container-bar.svelte-1mv8jey{height:40px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-sm);width:100%}.container-bar.svelte-1mv8jey code:where(.svelte-1mv8jey){font-size:var(--text-caption);background:transparent;padding:0}.container-meta.svelte-1mv8jey{display:flex;gap:var(--space-sm);flex-shrink:0}.container-value.svelte-1mv8jey{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.container-use.svelte-1mv8jey{font-size:var(--text-caption);color:var(--color-fg-tertiary)}.prose-note.svelte-1mv8jey,.mobile-first-note.svelte-1mv8jey{padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.prose-note.svelte-1mv8jey code:where(.svelte-1mv8jey){font-size:var(--text-caption)}.breakpoints-grid.svelte-1mv8jey{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.breakpoint-item.svelte-1mv8jey{padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md)}.breakpoint-header.svelte-1mv8jey{margin-bottom:var(--space-xs)}.breakpoint-header.svelte-1mv8jey code:where(.svelte-1mv8jey){font-size:var(--text-caption);background:var(--color-bg-subtle)}.breakpoint-meta.svelte-1mv8jey{display:flex;gap:var(--space-sm)}.breakpoint-name.svelte-1mv8jey{font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--color-fg-primary)}.breakpoint-use.svelte-1mv8jey{font-size:var(--text-body-sm);color:var(--color-fg-muted)}.pattern-demo.svelte-1mv8jey{padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.demo-card-grid.svelte-1mv8jey{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.demo-card.svelte-1mv8jey{padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-fg-secondary);text-align:center}.demo-stack.svelte-1mv8jey{display:flex;flex-direction:column;gap:var(--space-sm);max-width:300px}.demo-stack-item.svelte-1mv8jey{padding:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.demo-flex-row.svelte-1mv8jey{display:flex;gap:var(--space-sm);align-items:center}.demo-flex-item.svelte-1mv8jey{padding:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.demo-flex-item.grow.svelte-1mv8jey{flex:1}.guidelines.svelte-1mv8jey{display:grid;gap:var(--space-md)}@media(min-width:640px){.guidelines.svelte-1mv8jey{grid-template-columns:repeat(2,1fr)}}.guideline.svelte-1mv8jey{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.guideline.svelte-1mv8jey p:where(.svelte-1mv8jey){margin:0;font-size:var(--text-body-sm)}.guideline.svelte-1mv8jey code:where(.svelte-1mv8jey){font-size:var(--text-caption)}