/* Evergreen research-topic pages are intentionally typographic. The closing
 * disambiguation is the single exception: a restrained factual callout. */

.topic-header {
  margin-bottom: 2em;
}

.topic-kicker {
  margin: 0 0 0.55em;
  color: #68747c;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.topic-page h1 {
  max-width: 22ch;
  margin: 0 0 0.55em;
}

.topic-deck {
  max-width: 60ch;
  margin: 0;
  font-size: 1.14rem;
  line-height: 1.55;
}

.topic-page h2 {
  margin: 2.25em 0 0.65em;
}

.topic-page p {
  max-width: 76ch;
  margin: 0 0 1.25em;
}

.topic-equation {
  margin: 1.35em 0 1.5em;
  padding: 0.9em 0;
  overflow-x: auto;
  border-top: 1px solid #d8dde2;
  border-bottom: 1px solid #d8dde2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

.fraction {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  vertical-align: middle;
  text-align: center;
}

.fraction > span:first-child {
  padding: 0 0.2em 0.12em;
  border-bottom: 1px solid currentColor;
}

.fraction > span:last-child {
  padding-top: 0.05em;
}

.topic-page .citation {
  white-space: nowrap;
}

.topic-callout {
  margin: 3em 0;
  padding: 22px;
  border: 1px solid #111;
  background: #fff;
}

.topic-callout h2 {
  margin: 0 0 0.65em;
}

.topic-callout p {
  margin: 0;
}

.topic-references {
  margin-top: 3.2em;
  padding-top: 0.2em;
  border-top: 1px solid #d8dde2;
}

.topic-references h2 {
  margin-top: 1.5em;
}

.topic-references ol {
  margin: 0;
  padding-left: 1.6em;
  font-size: 0.91rem;
  line-height: 1.58;
}

.topic-references li {
  margin: 0 0 1em;
  padding-left: 0.2em;
  scroll-margin-top: 20px;
}

.topic-related {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em 1.4em;
  margin-top: 2.5em;
  padding-top: 1.25em;
  border-top: 1px solid #d8dde2;
  font-weight: 700;
}

@media (max-width: 560px) {
  .topic-deck {
    font-size: 1.04rem;
  }

  .topic-equation {
    font-size: 1.08rem;
    text-align: left;
  }
}