@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/source-serif-4-latin-standard-normal.woff2') format('woff2');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root { color: #101114; background: #fefdf9; font-family: 'Instrument Sans', Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 18px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
.page-header, .page-content, .page-footer { width: min(62ch, calc(100% - 32px)); margin-inline: auto; }
.page-header { padding-top: 40px; }
.wordmark { display: inline-block; font: 400 28px/1.2 'Source Serif 4', Georgia, serif; font-variation-settings: 'opsz' 60; text-indent: -.04em; text-decoration: none; }
.page-content { margin-top: 60px; padding-bottom: 0; overflow-wrap: break-word; }
h1, h2 { font-family: 'Source Serif 4', Georgia, serif; font-weight: 400; }
h1 { margin: 0 0 28px; font-size: 42px; line-height: 1.15; letter-spacing: -.015em; font-variation-settings: 'opsz' 60; }
h2 { margin: 40px 0 14px; font-size: 28px; line-height: 1.25; }
p { margin: 0 0 20px; }
ul, ol { margin: 0 0 24px; padding-inline-start: 1.35em; }
li { padding-inline-start: .2em; margin-bottom: 12px; }
strong { font-family: 'Source Serif 4', Georgia, serif; font-weight: inherit; font-size: inherit; }
.question { margin-bottom: 24px; }
.question h3 { margin: 0 0 6px; font: 400 20px/1.35 'Source Serif 4', Georgia, serif; }
.question p { margin: 0; }
.page-footer { margin-top: 40px; padding-bottom: 72px; }
.quiet-links { font-size: 14px; line-height: 1.35; }
.quiet-links a { white-space: nowrap; }
.link-separator { display: inline-block; margin-inline: .35em; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #154b42; outline-offset: 4px; }
@media (max-width: 760px) {
  .page-header { padding-top: 24px; }
  .wordmark { font-size: 22px; }
  .page-content { margin-top: 40px; padding-bottom: 0; }
  .page-footer { padding-bottom: 40px; }
  h1 { font-size: 34px; margin-bottom: 24px; }
  h2 { font-size: 26px; margin-top: 32px; }
}
