@font-face {
  font-family: 'WaitWise Open Sans';
  src: url('./fonts/open-sans-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'WaitWise Open Sans';
  src: url('./fonts/open-sans-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
:root {
  color-scheme: light;
  font-family: 'WaitWise Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 16px;
  color: #1a1a1a;
  background: #fff;
}
body { margin: 0; line-height: 1.6; }
main { box-sizing: border-box; width: 100%; max-width: 1168px; margin: 32px auto; padding: 0 16px; }
p, ul, ol { max-width: 48rem; margin: 0 0 24px; overflow-wrap: anywhere; }
li { margin-bottom: 8px; }
h1, h2 {
  font-family: 'WaitWise Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 700;
  color: #1a1a1a;
  overflow-wrap: anywhere;
}
h1 { max-width: 70rem; font-size: 32px; line-height: 1.29; letter-spacing: .04rem; margin: 0 0 40px; }
h2 { max-width: 48rem; font-size: 27px; line-height: 1.37; letter-spacing: .03rem; margin: 32px 0 24px; }
a { color: #0066cc; text-underline-offset: .15em; }
a:focus-visible { outline: 3px solid #009adb; outline-offset: 2px; }
.updated { color: #666; }
@media (min-width: 1168px) {
  h1 { font-size: 40px; line-height: 1.2; }
  h2 { font-size: 33px; line-height: 1.33; letter-spacing: .02rem; }
}