.ot-main {
  display: block;
}

.ot-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.ot-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke-width: 1.6;
}

.ot-icon--line {
  width: 22px;
  height: 22px;
  color: var(--c-icon-line);
}

.ot-h2 {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-heading);
  letter-spacing: var(--ls-heading);
  color: var(--c-heading);
  margin-block: 0;
}

.ot-mt-xs { margin-top: 8px; }
.ot-mt-s { margin-top: 16px; }
.ot-mt-m { margin-top: 24px; }
.ot-mt-l { margin-top: 48px; }
.ot-mb-0 { margin-bottom: 0; }
.ot-mb-xs { margin-bottom: 8px; }
.ot-mb-s { margin-bottom: 16px; }
.ot-mb-m { margin-bottom: 24px; }
.ot-text-center { text-align: center; }

.ot-figure-rounded {
  border-radius: var(--radius-card);
}

.ot-section--pb {
  padding-block: 0 var(--section-py);
}

.ot-section--pb-compact {
  padding-block: 0 var(--section-py-compact);
}

.ot-cta-row {
  text-align: center;
  padding-block: var(--section-py) 0;
}

.ot-is-locked {
  overflow: hidden;
}

.ot-card,
.ot-feature-card,
.ot-alsolike-card,
.ot-blog-card,
.ot-relcard {
  position: relative;
}

.ot-card__link,
.ot-feature-card__link,
.ot-alsolike-card__link,
.ot-blog-card__link,
.ot-relcard__link {
  color: inherit;
  text-decoration: none;
}

.ot-card__link::after,
.ot-feature-card__link::after,
.ot-alsolike-card__link::after,
.ot-blog-card__link::after,
.ot-relcard__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.ot-card__link:focus-visible::after,
.ot-feature-card__link:focus-visible::after,
.ot-alsolike-card__link:focus-visible::after,
.ot-blog-card__link:focus-visible::after,
.ot-relcard__link:focus-visible::after {
  outline: var(--focus-width) solid var(--c-focus);
  outline-offset: var(--focus-offset);
}

.ot-card__link:focus-visible,
.ot-feature-card__link:focus-visible,
.ot-alsolike-card__link:focus-visible,
.ot-blog-card__link:focus-visible,
.ot-relcard__link:focus-visible {
  outline-width: 0;
}

.ot-figure-tight {
  margin-block: 16px 0;
}

.ot-figure-inline {
  margin-block: 8px;
}