@font-face {
  font-family: 'CMU Typewriter Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/computer-modern@0.1.3/fonts/cmu-typewriter-text-500-roman.woff2') format('woff2');
}

.container {
  max-width: 720px;
}

.list-inline {
  list-style: none;
  margin-left: -0.5em;
  margin-right: -0.5em;
  padding-left: 0;
}

.list-inline > li {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

img {
  display: block;
  margin: 0 auto;
}

.rounded-video {
  display: block;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

b {
  font-weight: 700;
}

ul {
  padding-left: 1.3em;
}

h1 {
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 48px;
}

h2 {
  font-weight: 300;
  margin-top: 35px;
  margin-bottom: 15px;
}

h3 {
  font-weight: 300;
  font-size: 24px;
}

h4 {
  font-size: 20px;
  font-weight: 400;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

.text-title {
  text-wrap: wrap;
}

.text-wrap-normal {
  text-wrap: wrap;
}

.block-statement {
  display: table;
  font-weight: 700;
  border: 2px solid #598be7;
  background-color: #dee8fa;
  border-radius: 10px;
  padding: 10px;
  margin: 10px auto;
}

.codebox-pre {
  font-size: 17px;
  border: none;
  background-color: #f6f8fa !important;
}

.codebox-code {
  font-family: 'Source Code Pro', 'Lato', Verdana, Helvetica, monospace !important;
  background-color: #f6f8fa !important;
}

.text-small {
  font-size: 17px;
}

.text-large {
  font-size: 24px;
}

.text-title {
  font-size: 40px;
  font-weight: 700;
}

.text-toplink {
  font-weight: 400;
}

.text-caption {
  font-size: 18px;
  display: block;
}

.text-caption-small {
  font-size: 16px;
  display: block;
}

.text-caption-xs {
  font-size: 14px;
  display: block;
}

.text-caption-figure {
  font-size: 16px;
  color: #777777;
  display: block;
}

.text-equation {
  font-size: 100%;
}

.text-red {
  color: #f54254;
}

.text-blue {
  color: #598be7;
}

.text-gray {
  color: #777777;
}

.text-tt {
  font-family: 'CMU Typewriter Text', monospace;
  font-size-adjust: 0.486;
  font-weight: 400;
}

.collapse-link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 300;
}

.collapse-chevron {
  display: inline-block;
  transition: transform 150ms ease;
}

.collapse-link[aria-expanded="true"] .collapse-chevron {
  transform: rotate(90deg);
}

.collapse-content::after {
  content: "";
  display: table;
  clear: both;
}

.media-row > [class*="col-"] > p {
  margin-bottom: 0;
}

.media-row .text-caption {
  margin-top: 8px;
  margin-bottom: 0;
}

.media-row + .text-caption,
.media-row + .text-caption-figure {
  margin-top: 8px;
}

.figure-block > p {
  margin-bottom: 0;
}

.figure-block > .text-caption-figure {
  margin-top: 8px;
  margin-bottom: 0;
}

@media screen and (min-width:992px) {
  .mobile-only {
    display: none;
  }
  .block-statement {
    font-size: 20px;
  }
}

@media screen and (max-width:991px) {
  .media-row {
    margin-left: -6px;
    margin-right: -6px;
  }
  .media-row > [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
  }
  .rounded-video {
    border-radius: 10px;
    clip-path: inset(0 round 10px);
  }
  .mobile-full-width {
    width: 100% !important;
  }
  .text-caption {
    font-size: 16px;
  }
  .text-caption-figure {
    font-size: 14px;
  }
  .desktop-only {
    display: none;
  }
  .text-equation {
    font-size: 100%;
  }
}

.top0 { margin-top:0px; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }

.bottom0 { margin-bottom:0px; }
.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom17 { margin-bottom:17px; }
.bottom20 { margin-bottom:20px; }
.bottom25 { margin-bottom:25px; }
.bottom30 { margin-bottom:30px; }

@media screen and (min-width:992px) {
  body, td, th, tr, p, a {
    font-family: 'Source Sans 3', 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 18px;
  }
}
@media screen and (max-width:991px) {
  body, td, th, tr, p, a {
    font-family: 'Source Sans 3', 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 17px;
  }

  .text-title {
    font-size: 44px;
  }

  h1 {
    font-size: 40px;
  }
}

mjx-container[display="true"] {
  margin: 10px 0 !important
}

.block-statement {
  display: table;
  font-weight: 700;
  border: 2px solid #598be7;
  background-color: #dee8fa;
  border-radius: 10px;
  padding: 10px;
  margin: 10px auto;
}

.block-takeaway {
  display: block;
  border: 2px solid #598be7;
  background-color: #dee8fa;
  border-radius: 10px;
  padding: 10px;
  margin: 10px auto;
}

sup.footnote-link a {
  font-size: 14px;
}

.popover{
  max-width: 400px;
  container: body;
}