/* Keep the two long home headlines in readable lines within their columns. */
.topics-heading > .home-heading-fit,
.trilemma-copy {
  container-type: inline-size;
  min-width: 0;
}

#topics-title,
#trilema-title {
  max-width: 100%;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-wrap: initial;
}

#topics-title { font-size: clamp(2rem, 4.2vw, 4.25rem); }
#trilema-title { font-size: clamp(2rem, 3.6vw, 3.75rem); }

#topics-title > .home-heading-line,
#trilema-title > .home-heading-line {
  display: block;
  color: inherit;
  white-space: nowrap;
}

#topics-title em,
#trilema-title em { font-style: normal; }
#topics-title em { color: #c2d2ea; }
#trilema-title em { color: var(--blue); }
html[data-theme="dark"] #trilema-title em { color: #c2d2ea; }

@supports (font-size: 1cqi) {
  #topics-title { font-size: clamp(1.8rem, 7.1cqi, 4.25rem); }
  #trilema-title { font-size: clamp(1.8rem, 9cqi, 3.75rem); }
  #trilema-title:lang(de),
  #trilema-title:lang(fr) { font-size: clamp(1.8rem, 8.6cqi, 3.75rem); }
}

@media (width <= 680px) {
  #topics-title,
  #trilema-title { font-size: clamp(1.5rem, 6.5vw, 2.75rem); }

  #topics-title > .home-heading-line,
  #trilema-title > .home-heading-line { white-space: normal; }
}