@font-face {
  font-family: "Archivo"; font-weight: 900; font-stretch: 125%; font-display: swap;
  src: url("/fonts/archivo-900-expanded-ascii.woff2") format("woff2");
}
@font-face {
  font-family: "Instrument Sans"; font-weight: 400 600; font-display: swap;
  src: url("/fonts/instrument-sans-ascii.woff2") format("woff2");
}
body.reading { overflow: auto; height: auto; min-height: 100%; }
.reading main { position: static; display: block; text-align: left; padding: 0 16px; }
.reading article {
  max-width: 38em; margin: 0 auto; padding: 56px 0 72px;
  font-family: "Instrument Sans", "Segoe UI", system-ui, sans-serif; font-weight: 400;
  font-size: 17px; line-height: 1.55;
}
.reading h1 { font-size: clamp(40px, 9vw, 72px); line-height: 1; white-space: normal; }
.reading h2 {
  margin: 1.8em 0 .5em; font-family: "Archivo", "Arial Black", "Segoe UI", sans-serif; font-stretch: 125%;
  font-weight: 900; font-size: 1.15em; letter-spacing: .01em;
}
.reading p + p, .reading p + ul, .reading ul + p { margin-top: .8em; }
.reading ul { padding-left: 1.2em; }
.reading li + li { margin-top: .5em; }
.reading b { font-weight: 600; }
.reading a { color: inherit; text-underline-offset: .2em; }
.reading a:focus-visible { outline: 2px solid #48AEB4; outline-offset: 2px; }
.reading .fine { margin-top: .6em; font-size: .82em; color: var(--quiet); }
.reading article > .fine:last-child { margin-top: 2.5em; }