@font-face {
  font-family: "Montserrat";
  src: url("/static/site-v2/montserrat-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/static/site-v2/montserrat-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.site-site {
  --site-font: "Montserrat", "Segoe UI", sans-serif;
  font-family: var(--site-font);
}

.site-site .site-utility,
.site-site .site-brand strong,
.site-site .site-brand small,
.site-site .site-button,
.site-site .site-nav {
  font-family: var(--site-font);
}

.site-brand-logo {
  display: block;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
}

.document-shell {
  width: min(880px, calc(100% - 48px));
  margin: 0 auto;
  padding: 56px 0 80px;
}

.document-shell h1 {
  margin: 0 0 24px;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.1;
}

.document-shell article {
  color: var(--d3-muted);
  font-size: 18px;
  line-height: 1.7;
}

.document-shell > p:last-child {
  margin-top: 32px;
  color: var(--d3-muted);
  font-size: 13px;
}