/* Content pages (About, Privacy, Contact, 404): one readable column of text. */

.prose{display:flex;flex-direction:column;gap:14px;max-width:66ch}
.prose h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,7.5vw,2.6rem);line-height:1.08;text-wrap:balance}
.prose h2{margin:14px 0 0;font-family:var(--font-display);font-weight:400;font-size:1.2rem;line-height:1.25;text-wrap:balance}
.prose p,.prose ul{margin:0}
.prose ul{padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.prose .lede{font-size:1.08rem;color:var(--muted)}
.prose strong{color:var(--fg)}
.prose a{text-underline-offset:3px}

.contact-card{
  display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--radius);
  background:var(--surface);border:1px solid var(--line);
}
.contact-card .hud{color:var(--muted)}
.contact-email{font-size:1.2rem;font-weight:700;overflow-wrap:anywhere;user-select:all}

.not-found .btn{margin-top:4px}