:root {
  color-scheme: light;
  --ink: #1c1917;
  --muted: #57534e;
  --line: #e7e5e4;
  --bg: #fafaf9;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 18px/1.5 Georgia, "Iowan Old Style", Palatino, serif;
  color: var(--ink);
  background: var(--bg);
}
header, main { max-width: 38rem; margin: 0 auto; padding: 1.25rem 1.25rem 0; }
.mark { letter-spacing: 0.04em; font-variant: small-caps; margin: 0; }
h1 { font-size: 2rem; line-height: 1.15; margin: 0.5rem 0 1rem; }
.lede { font-size: 1.15rem; }
ul { padding-left: 1.2rem; }
li { margin: 0.4rem 0; }
a { color: inherit; }
.contact { margin-top: 2rem; }
.fine { color: var(--muted); font-size: 0.95rem; }
article { max-width: 40rem; margin: 0 auto; padding: 0 1.25rem 3rem; }
article h1 { font-size: 1.7rem; }
article h2 { font-size: 1.15rem; margin-top: 1.6rem; }
article p, article li { font-size: 1rem; }
@media (max-width: 600px) {
  body { font-size: 17px; }
  h1 { font-size: 1.7rem; }
}