.reveal .slides section.three-flavor-tight {
  font-size: 0.86em;
}

.reveal .slides section.three-flavor-tight > h2 {
  font-size: calc(1.6em / 0.86);
}

.three-flavor-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  margin-top: 0.4rem;
}

.three-flavor-comparison > div {
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 0.35rem;
  background: rgba(255, 255, 255, 0.035);
}

.three-flavor-comparison strong {
  display: block;
  margin-bottom: 0.2rem;
  color: #58b8ff;
}

.reveal .jarlskog-portrait img {
  width: 100%;
  max-height: 390px;
  object-fit: cover;
  object-position: center;
  border-radius: 0.3rem;
}

.reveal .jarlskog-credit {
  margin-top: 0.25rem;
  font-size: 0.42em;
  line-height: 1.2;
  opacity: 0.72;
}