/* Longer example names keep the annual price legible at every width. */
.domain-list {
  width: 100%;
  min-width: 0;
}
.domain-list > div {
  flex-wrap: wrap;
  gap: 10px 20px;
}
.domain-list strong {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(14px, 1.5vw, 19px);
  line-height: 1.65;
  letter-spacing: -.65px;
  overflow-wrap: anywhere;
}
.domain-example-name {
  color: var(--muted);
}
.domain-list p {
  flex-shrink: 0;
  margin-left: auto;
  white-space: nowrap;
  font-size: 20px;
}
@media (min-width: 621px) and (max-width: 900px) {
  .domain-list {
    max-width: none;
  }
  .domain-list strong {
    font-size: 21px;
  }
}
@media (max-width: 620px) {
  .domain-list > div {
    gap: 7px 16px;
  }
  .domain-list strong {
    font-size: 16px;
    letter-spacing: -.5px;
  }
  .domain-list p {
    font-size: 19px;
  }
}