.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;
}

b {
  font-weight: 700;
}

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;
}

.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: 20px;
  display: block;
}

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

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

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

.text-red {
  color: #f54254;
}

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

.text-tt {
  font-family: 'Source Code Pro', 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: 400;
}

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

@media screen and (max-width:991px) {
  .vertical-align {
  }
  .vertical-align-baseline {
  }
  .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; }

.no-padding-lr { padding-left:0px; padding-right:0px; }

@media screen and (min-width:992px) {
  body, td, th, tr, p, a {
    font-family: 'Source Sans Pro', 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 18px;
  }
}
@media screen and (max-width:991px) {
  body, td, th, tr, p, a {
    font-family: 'Source Sans Pro', '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;
}