/* =====================================================================
   A New Error — page bits that are local to this blog (not in the DS).
   Loaded after ds.css + colors.css.
   ===================================================================== */

/* Reconciliation with the shared design system:
   ds.css sets `.page > main { padding-top: 56px }` as a standard nav->content
   rhythm for simple prose sites. This blog instead manages its own top spacing
   per page type (.about below, .archive-head, .feed, .article), so it opts out
   of that shared padding to keep the layout exactly where it was. */
.page > main { padding-top: 0; }

/* =====================================================================
   About (used by about.html and 404.html)
   ===================================================================== */
.about { padding: 56px 0 80px; max-width: var(--read); }
.about h1 {
  font-family: var(--serif); font-size: 32px; font-weight: 600;
  letter-spacing: -0.012em; color: var(--ink); margin: 0 0 28px;
}
.about p { font-size: 19px; line-height: 1.66; margin: 0 0 1.2em; color: var(--ink); }
.about p .muted { color: var(--muted); }
.about .meta {
  font-family: var(--sans); font-size: 13px; color: var(--faint);
  margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--rule);
  display: flex; gap: 22px; flex-wrap: wrap;
}
.about .meta a { color: var(--muted); text-decoration: none; }
.about .meta a:hover { color: var(--accent); }