.research-page {
  --research-body-size: clamp(17px, 1.55vw, 28px);
}

.research-banner {
  aspect-ratio: 2752 / 508;
}

.research-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.research-intro p,
.research-area > header p,
.research-card p {
  font-size: var(--research-body-size);
}

.research-card h3 {
  font-size: calc(var(--research-body-size) * 1.08);
}

.research-card .reference,
.research-card .news-line {
  font-size: calc(var(--research-body-size) * .82);
}

.research-area > header h2 {
  text-decoration: none;
}

.research-intro h2,
.research-area > header h2 {
  font-size: calc(var(--research-body-size) * 1.25);
}

.research-card p,
.research-card .reference,
.research-card .news-line {
  font-size: calc(var(--research-body-size) * .86);
}

.research-card > div:last-child {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.research-card h3 a {
  color: inherit;
  text-decoration: none;
}

.research-card h3 a:hover,
.research-card h3 a:focus-visible {
  color: #155486;
  text-decoration: underline;
  text-underline-offset: .14em;
}

.research-card .reference a {
  color: inherit;
}

.research-intro p,
.research-area > header p {
  font-size: clamp(16px, 1.4vw, 25px);
  font-style: normal;
}

.research-area > header h2 {
  font-style: italic;
}

.research-intro h2 {
  font-style: normal;
}

/* Visually remove white figure canvases while preserving the original scientific artwork. */
.research-figure img:not(.keep-white-background) {
  mix-blend-mode: multiply;
}

.research-figure img.keep-white-background {
  mix-blend-mode: normal;
}

.research-figure img.true-alpha {
  mix-blend-mode: normal;
}

.research-figure.tension-figure img {
  max-width: 90%;
  max-height: 234px;
}

.research-figure.stacking-map-figure img {
  max-width: 88%;
  max-height: 229px;
}

.research-figure.buried-interface-figure img,
.research-figure.nano-writing-figure img {
  max-width: 90%;
  max-height: 240px;
}

@media (max-width: 760px) {
  .research-figure.tension-figure img {
    max-height: 207px;
  }

  .research-figure.stacking-map-figure img {
    max-height: 202px;
  }

  .research-figure.buried-interface-figure img,
  .research-figure.nano-writing-figure img {
    max-height: 216px;
  }
}