.page-header.svelte-1nqzc3n{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.eyebrow.svelte-1nqzc3n{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-1nqzc3n{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.lead.svelte-1nqzc3n{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:65ch}.section.svelte-1nqzc3n{margin-bottom:var(--space-2xl)}h2.svelte-1nqzc3n{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}h3.svelte-1nqzc3n{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)}.section-description.svelte-1nqzc3n{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);max-width:65ch}.section-description.svelte-1nqzc3n code:where(.svelte-1nqzc3n){font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}p.svelte-1nqzc3n{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-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary)}.phi-derivation.svelte-1nqzc3n{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg);margin:var(--space-lg) 0}.phi-formula.svelte-1nqzc3n{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md)}.phi-symbol.svelte-1nqzc3n{font-size:var(--text-h1);font-style:italic;color:var(--color-fg-primary)}.phi-equals.svelte-1nqzc3n{font-size:var(--text-h2);color:var(--color-fg-muted)}.phi-value.svelte-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-h2);color:var(--color-fg-secondary)}.phi-sequence.svelte-1nqzc3n{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-tertiary)}.sequence-divider.svelte-1nqzc3n{color:var(--color-fg-muted)}.type-scale-demo.svelte-1nqzc3n{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.type-sample.svelte-1nqzc3n{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}@media(min-width:768px){.type-sample.svelte-1nqzc3n{flex-direction:row;align-items:center;gap:var(--space-md)}}.sample-preview.svelte-1nqzc3n{flex:1;color:var(--color-fg-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-meta.svelte-1nqzc3n{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);flex-shrink:0}.sample-token.svelte-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-caption);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.sample-ratio.svelte-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.sample-description.svelte-1nqzc3n{font-size:var(--text-caption);color:var(--color-fg-tertiary)}.font-families.svelte-1nqzc3n{display:flex;flex-direction:column;gap:var(--space-md)}.font-demo.svelte-1nqzc3n{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-default)}.font-preview.svelte-1nqzc3n{font-size:var(--text-body-lg);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.font-preview.sans.svelte-1nqzc3n{font-family:var(--font-sans)}.font-preview.mono.svelte-1nqzc3n{font-family:var(--font-mono)}.font-preview.serif.svelte-1nqzc3n{font-family:var(--font-serif);font-style:italic}.font-meta.svelte-1nqzc3n{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.font-meta.svelte-1nqzc3n code:where(.svelte-1nqzc3n){font-size:var(--text-caption);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.font-name.svelte-1nqzc3n{font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.font-use.svelte-1nqzc3n{font-size:var(--text-caption);color:var(--color-fg-muted)}.weights-demo.svelte-1nqzc3n{display:flex;flex-direction:column;gap:var(--space-sm)}.weight-sample.svelte-1nqzc3n{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}@media(min-width:640px){.weight-sample.svelte-1nqzc3n{flex-direction:row;align-items:center;justify-content:space-between}}.weight-preview.svelte-1nqzc3n{font-size:var(--text-body-lg);color:var(--color-fg-primary)}.weight-meta.svelte-1nqzc3n{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.weight-meta.svelte-1nqzc3n code:where(.svelte-1nqzc3n){font-size:var(--text-caption);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.weight-value.svelte-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.weight-use.svelte-1nqzc3n{font-size:var(--text-caption);color:var(--color-fg-tertiary)}.leading-demo.svelte-1nqzc3n{display:flex;flex-direction:column;gap:var(--space-md)}.leading-sample.svelte-1nqzc3n{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-default)}.leading-sample.featured.svelte-1nqzc3n{border-color:var(--color-border-emphasis);background:var(--color-bg-subtle)}.leading-preview.svelte-1nqzc3n{margin-bottom:var(--space-sm)}.leading-preview.svelte-1nqzc3n p:where(.svelte-1nqzc3n){margin:0;color:var(--color-fg-primary);max-width:50ch}.leading-meta.svelte-1nqzc3n{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-default)}.leading-meta.svelte-1nqzc3n code:where(.svelte-1nqzc3n){font-size:var(--text-caption);background:var(--color-bg-pure);padding:2px 6px;border-radius:var(--radius-sm)}.leading-sample.featured.svelte-1nqzc3n .leading-meta:where(.svelte-1nqzc3n) code:where(.svelte-1nqzc3n){background:var(--color-bg-surface)}.leading-value.svelte-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-secondary)}.leading-use.svelte-1nqzc3n{font-size:var(--text-caption);color:var(--color-fg-muted)}.tracking-demo.svelte-1nqzc3n{display:grid;gap:var(--space-sm)}@media(min-width:640px){.tracking-demo.svelte-1nqzc3n{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tracking-demo.svelte-1nqzc3n{grid-template-columns:repeat(3,1fr)}}.tracking-sample.svelte-1nqzc3n{padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.tracking-preview.svelte-1nqzc3n{display:block;font-size:var(--text-body-sm);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.tracking-meta.svelte-1nqzc3n{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.tracking-meta.svelte-1nqzc3n code:where(.svelte-1nqzc3n){font-size:var(--text-caption);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.tracking-value.svelte-1nqzc3n{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.tracking-use.svelte-1nqzc3n{font-size:var(--text-caption);color:var(--color-fg-tertiary);width:100%}.responsive-note.svelte-1nqzc3n{padding:var(--space-sm);background:var(--color-info-muted);border:1px solid var(--color-info-border);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-info);margin-top:var(--space-md)}