/* Site-level rules on top of the design system.
   Contact address de-harvesting: the b/i fragments inside the footer address
   are decoys; removing them here is what makes the visible text real. */
#fx b, #fx i { display: none; }

/* Mobile. The design system records only the desktop skeleton — a 190px label
   column beside the content — and the bundle sets it as inline styles, hence
   the !important. Below 760px each section collapses to a single column with
   the mono label above the content, and list rows stack their columns. The
   rhythm vars need no !important: the inline styles reference them. */
@media (max-width: 760px) {
  :root {
    --pad-page-x: 24px;
    --pad-section-y: 64px;
    --pad-section-y-lg: 80px;
  }
  #thesis, #domains, #ethos, #writing {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
  }
  #domains li, #writing li {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }
}