.page-header.svelte-1tvnl11{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.eyebrow.svelte-1tvnl11{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-1tvnl11{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.lead.svelte-1tvnl11{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:65ch}.section.svelte-1tvnl11{margin-bottom:var(--space-2xl)}h2.svelte-1tvnl11{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}h3.svelte-1tvnl11{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.section-description.svelte-1tvnl11{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);max-width:65ch}.section-description.svelte-1tvnl11 code:where(.svelte-1tvnl11){font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}.philosophy-quote.svelte-1tvnl11{font-size:var(--text-h3);font-style:italic;color:var(--color-fg-secondary);border-left:2px solid var(--color-border-emphasis);padding-left:var(--space-md);margin:var(--space-lg) 0}.philosophy-quote.svelte-1tvnl11 cite:where(.svelte-1tvnl11){display:block;font-size:var(--text-body-sm);font-style:normal;color:var(--color-fg-muted);margin-top:var(--space-xs)}.breakpoint-table-wrapper.svelte-1tvnl11{overflow-x:auto;margin-bottom:var(--space-lg)}.breakpoint-table.svelte-1tvnl11{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.breakpoint-table.svelte-1tvnl11 th:where(.svelte-1tvnl11),.breakpoint-table.svelte-1tvnl11 td:where(.svelte-1tvnl11){padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border-default)}.breakpoint-table.svelte-1tvnl11 th:where(.svelte-1tvnl11){font-weight:var(--font-semibold);color:var(--color-fg-primary);background:var(--color-bg-surface)}.breakpoint-table.svelte-1tvnl11 td:where(.svelte-1tvnl11){color:var(--color-fg-secondary)}.breakpoint-table.svelte-1tvnl11 code:where(.svelte-1tvnl11){font-family:var(--font-mono);color:var(--color-fg-primary)}.pattern-demo.svelte-1tvnl11{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.demo-card.svelte-1tvnl11{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-pure);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}@media(min-width:768px){.demo-card.svelte-1tvnl11{flex-direction:row;padding:var(--space-md)}}.demo-icon.svelte-1tvnl11{width:48px;height:48px;background:var(--color-border-emphasis);border-radius:var(--radius-md);flex-shrink:0}.demo-content.svelte-1tvnl11{flex:1}.demo-title.svelte-1tvnl11{height:16px;width:60%;background:var(--color-border-emphasis);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.demo-text.svelte-1tvnl11{height:12px;width:90%;background:var(--color-border-default);border-radius:var(--radius-sm)}.demo-label.svelte-1tvnl11{font-size:var(--text-caption);color:var(--color-fg-muted);text-align:center;margin-top:var(--space-sm)}.grid-demo.svelte-1tvnl11{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:var(--space-lg)}.grid-item.svelte-1tvnl11{height:80px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.typography-demo.svelte-1tvnl11{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.fluid-heading.svelte-1tvnl11{font-size:var(--text-h1);margin-bottom:var(--space-sm)}.fluid-body.svelte-1tvnl11{font-size:var(--text-body);color:var(--color-fg-secondary);max-width:65ch;margin:0}.container-demo.svelte-1tvnl11{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.container-box.svelte-1tvnl11{width:100%;max-width:400px;margin:0 auto;padding:var(--space-md);background:var(--color-bg-pure);border:2px dashed var(--color-border-emphasis);border-radius:var(--radius-md);text-align:center;font-size:var(--text-body-sm);color:var(--color-fg-muted)}.practices-grid.svelte-1tvnl11{display:grid;gap:var(--space-md)}@media(min-width:640px){.practices-grid.svelte-1tvnl11{grid-template-columns:repeat(2,1fr)}}.practice-card.svelte-1tvnl11{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-md)}.practice-card.do.svelte-1tvnl11{border-left:3px solid var(--color-success)}.practice-card.dont.svelte-1tvnl11{border-left:3px solid var(--color-error)}.practice-card.do.svelte-1tvnl11 h3:where(.svelte-1tvnl11){color:var(--color-success)}.practice-card.dont.svelte-1tvnl11 h3:where(.svelte-1tvnl11){color:var(--color-error)}.practice-card.svelte-1tvnl11 h3:where(.svelte-1tvnl11){font-size:var(--text-body);margin-bottom:var(--space-sm)}.practice-card.svelte-1tvnl11 ul:where(.svelte-1tvnl11){list-style:none;padding:0;margin:0}.practice-card.svelte-1tvnl11 li:where(.svelte-1tvnl11){font-size:var(--text-body-sm);color:var(--color-fg-secondary);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-default)}.practice-card.svelte-1tvnl11 li:where(.svelte-1tvnl11):last-child{border-bottom:none}.touch-grid.svelte-1tvnl11{display:grid;gap:var(--space-md)}@media(min-width:768px){.touch-grid.svelte-1tvnl11{grid-template-columns:repeat(3,1fr)}}.touch-card.svelte-1tvnl11{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-md)}.touch-card.svelte-1tvnl11 h3:where(.svelte-1tvnl11){font-size:var(--text-body);margin-bottom:var(--space-xs)}.touch-card.svelte-1tvnl11 p:where(.svelte-1tvnl11){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0 0 var(--space-sm) 0}.target-demo.svelte-1tvnl11{display:flex;gap:var(--space-md);align-items:center}.target.svelte-1tvnl11{display:flex;align-items:center;justify-content:center;background:var(--color-bg-pure);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-fg-muted)}.target.small.svelte-1tvnl11{width:24px;height:24px;font-size:8px;border-color:var(--color-error)}.target.good.svelte-1tvnl11{width:44px;height:44px;border-color:var(--color-success)}.spacing-demo.svelte-1tvnl11{display:flex;gap:var(--space-sm)}.spacing-btn.svelte-1tvnl11{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-pure);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-fg-primary);font-size:var(--text-body-sm)}.thumb-demo.svelte-1tvnl11{display:flex;justify-content:center}.phone-outline.svelte-1tvnl11{width:80px;height:140px;border:2px solid var(--color-border-emphasis);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.thumb-zone.svelte-1tvnl11{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-caption)}.thumb-zone.easy.svelte-1tvnl11{background:var(--color-success-muted);color:var(--color-success)}.thumb-zone.ok.svelte-1tvnl11{background:var(--color-warning-muted);color:var(--color-warning)}.thumb-zone.hard.svelte-1tvnl11{background:var(--color-error-muted);color:var(--color-error)}.checklist.svelte-1tvnl11{list-style:none;padding:0;margin:0}.checklist.svelte-1tvnl11 li:where(.svelte-1tvnl11){display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;font-size:var(--text-body-sm);color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-default)}.checklist.svelte-1tvnl11 li:where(.svelte-1tvnl11):last-child{border-bottom:none}.checklist.svelte-1tvnl11 li:where(.svelte-1tvnl11):before{content:"";width:16px;height:16px;border:1px solid var(--color-border-emphasis);border-radius:var(--radius-sm);flex-shrink:0}