/* The site's pages (all but the app, which has its own style.css). */
:root { color-scheme: light dark; }
body {
  margin: 0;
  font: 1.0625rem/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  background: Canvas;
  color: CanvasText;
}
main, footer {
  max-width: 38rem;
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
}
footer { padding-top: 0; font-size: 0.9375rem; }
footer ul { list-style: none; padding: 0; display: flex; gap: 1.5rem; }
h1 { font-size: 1.75rem; line-height: 1.2; margin: 0 0 1.5rem; }
h2 { font-size: 1.25rem; line-height: 1.3; margin: 2rem 0 0.75rem; }
p { margin: 0 0 1rem; }