body {
  color: #202124;
  font-family: 'Noto Sans', sans-serif;
}

a {
  color: hsl(204, 86%, 53%);
}

.hero-body {
  padding-bottom: 2rem;
}

.publication-title,
.publication-authors,
.teaser-caption {
  font-family: 'Google Sans', sans-serif;
}

.publication-title {
  line-height: 1.12;
}

.publication-authors a {
  color: hsl(204, 86%, 53%) !important;
}

.publication-authors a:hover {
  text-decoration: underline;
}

.author-block {
  display: inline-block;
}

.publication-venue {
  display: block;
  margin-top: 0.5em;
  font-weight: 700;
}

.link-block a {
  margin: 5px 2px;
}

.teaser,
.section-figure {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.teaser {
  max-width: 720px;
}

.section-figure {
  max-width: 750px;
}

.figure-narrow {
  max-width: 600px;
}

.figure-wide {
  max-width: 860px;
}

.teaser-caption,
.figure-caption {
  margin: 1rem auto 0;
  max-width: 900px;
}

.surfradar {
  font-variant: small-caps;
  font-weight: 700;
}

.metric-card {
  background: #f5f5f5;
  border-radius: 10px;
  height: 100%;
  padding: 1.25rem 1rem;
}

.metrics-row.columns {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 800px;
  width: 100%;
}

.metric-value {
  color: #13294b;
  font-family: 'Google Sans', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.metric-label {
  color: #555;
  margin-top: 0.35rem;
}

.content ol li {
  margin-bottom: 0.55rem;
}

.interpolation-panel {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 25px 15px;
}

pre {
  border-radius: 8px;
  overflow-x: auto;
}

.code-note {
  color: #666;
  margin-top: 0.75rem;
}

@media screen and (max-width: 768px) {
  .publication-title {
    font-size: 2.25rem !important;
  }

  .hero-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section {
    padding: 2.25rem 1.25rem;
  }
}