/* =========================================================
   typography.css — headings, titles, body copy & prose
   ========================================================= */

h1, h2, h3, p { margin: 0; }

.text-balance { text-wrap: balance; }

/* ---------- title (serif display font) ---------- */
.title {
  font-family: var(--font-serif);
  font-size: 3rem;
  letter-spacing: 0.025em;
  line-height: 1.1;
}

/* ---------- long-form prose (privacy page etc.) ---------- */
.prose { max-width: 65ch; line-height: 1.75; }
.prose h2 { font-size: 1.25rem; font-weight: 700; margin-top: 2em; margin-bottom: .5em; }
.prose h2:first-child { margin-top: 0; }
.prose p { margin: 1em 0; color: hsl(var(--foreground) / .9); }
.prose a { color: hsl(var(--primary)); text-decoration: underline; text-underline-offset: 2px; }
.prose em { color: hsl(var(--foreground)); }