/* about.css — /about (lib/page_composers/about.py). The page is the shared
   card + hero + .section cards from site.css; this only shapes the prose. */
.about-sections{display:flex;flex-direction:column;gap:18px;margin-top:22px}
.about-section__title{
  margin:0 0 12px;font-family:var(--font-ui);font-weight:700;font-size:20px;
  letter-spacing:-.01em;color:var(--ink);
}
.about-prose p{max-width:70ch}
.about-prose ul{margin:0 0 14px;padding-left:1.3em;color:var(--ink);font-size:16px;line-height:1.7;max-width:70ch}
.about-prose li{margin:0 0 8px}
.about-prose li:last-child{margin-bottom:0}
.about-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.about-prose strong{color:var(--ink)}
.about-email{font-size:17px}
/* Footer links land on #contact; keep the heading clear of the sticky header. */
#contact{scroll-margin-top:calc(var(--site-header-h, 67px) + 18px)}