html{-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-text);font-size:var(--text-body-md);line-height:var(--leading-relaxed)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-regular);color:var(--text-heading);letter-spacing:var(--tracking-display);line-height:var(--leading-snug);margin:0 0 var(--space-4)}
h1{font-size:var(--text-display-lg);line-height:var(--leading-tight)}h2{font-size:var(--text-display-sm)}h3{font-size:var(--text-title-lg)}h4{font-size:var(--text-title-md)}
p{margin:0 0 var(--space-4);max-width:var(--measure-prose);text-wrap:pretty}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--duration-fast) var(--ease-out)}
a:hover{color:var(--text-link-hover)}
code,pre{font-family:var(--font-mono);font-size:var(--text-mono-sm)}
::selection{background:var(--clay-200);color:var(--ink-900)}
*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.eyebrow{font-family:var(--font-text);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}