/* One sheet for three pages. No scripts, nothing from anywhere else.
   Two faces, as in the app: Fraunces for the name and for titles, from this site's own /fonts (SIL Open Font Licence 1.1: /fonts/LICENSE.txt;
   cut by Tools/appfonts.py: weight 700, SOFT 100, WONK 0, optical sizes 24 and 48); the reader's own system face for all there's a lot of. */
@font-face { font-family: "Sunday Fraunces Text"; src: url("/sunday/fonts/SundayFraunces-Text.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Sunday Fraunces Display"; src: url("/sunday/fonts/SundayFraunces-Display.woff2") format("woff2"); font-weight: 700; font-display: swap; }
:root {
  color-scheme: light dark;
  --paper: #f6f4ef;
  --ink: #1b1a18;
  --quiet: #6b675f;
  --rule: #dcd8ce;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #121110;
    --ink: #ece9e2;
    --quiet: #9a958a;
    --rule: #2c2a26;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  padding: 3rem 1.25rem 4rem;
  background: var(--paper);
  color: var(--ink);
  font: 1.0625rem/1.6 system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
main, header, footer { max-width: 34rem; margin: 0 auto; }
/* The lock-up, by the one rule. The logo is 18 high: its sky, 88 of its 180, is 8.8, and so are the name's small letters (0.48 of 18.33) and the space
   between the two. Its sun stands on the baseline, 134 of 180 down: so 4.6 of it hangs under. The d's stem comes level with its top. */
header a {
  font: 700 1.1458rem/1 "Sunday Fraunces Text", ui-serif, Georgia, serif;
  letter-spacing: 0.008em;
  word-spacing: -0.03em;
  text-decoration: none;
}
header img { vertical-align: -0.2875rem; margin-right: 0.55rem; }
h1 { margin: 2.5rem 0 0.25rem; font: 700 2.125rem/1.15 "Sunday Fraunces Display", ui-serif, Georgia, serif; }
h2 { margin: 2.5rem 0 0.5rem; font: 700 1.25rem/1.3 "Sunday Fraunces Text", ui-serif, Georgia, serif; }
p, ul, ol { margin: 0 0 1rem; }
ol { padding-left: 1.25rem; }
ul { padding-left: 0; list-style: none; }
ul li { padding-left: 1rem; border-left: 1px solid var(--rule); }
li { margin-bottom: 0.5rem; }
a { color: inherit; text-underline-offset: 0.15em; }
.quiet { color: var(--quiet); }
footer {
  margin-top: 4rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--rule);
  font-size: 0.9375rem;
  color: var(--quiet);
}
footer a { margin-right: 1.25rem; }