/* Separate the plan choices from the two reassurance boxes below them. */
#top .plans + .assurances {
  margin-top: clamp(32px, 4vw, 48px);
}

/* Reuse the homepage calculator. Its value pill is editable here. */
.pricing-calculator .calc-field .pricing-people {
  grid-row: 1;
  grid-column: 2;
  width: 6ch;
  padding: 2px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--seal-soft);
  color: var(--seal-text);
  font: 700 16px var(--mono);
  text-align: center;
  appearance: textfield;
}

.pricing-calculator .pricing-people::-webkit-inner-spin-button,
.pricing-calculator .pricing-people::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.pricing-calculator input[type="range"] {
  --fill: 0%;
}

.pricing-calculator .pricing-error {
  color: var(--void);
}

.pricing-calculator .calc-field .pricing-people[aria-invalid="true"] {
  border-color: var(--void);
}

.pricing-calculator .calc-big span {
  overflow-wrap: anywhere;
}