/* Optional waist-to-height ratio enhancement for The New BMI calculator. */
.tn-bmi-tool .tn-bmi-fields {
  grid-template-columns: repeat(3, minmax(96px, 1fr));
}

.tn-bmi-tool .tn-bmi-fields[data-unit-panel="imperial"] {
  grid-template-columns: repeat(4, minmax(82px, 1fr));
}

.tn-bmi-tool .tn-bmi-field {
  align-content: start;
}

.tn-bmi-tool .tn-bmi-field > span {
  min-height: 29px;
}

.tn-bmi-tool .tn-bmi-field input::placeholder,
.tn-bmi-tool .tn-bmi-field input::-webkit-input-placeholder {
  color: var(--bmi-muted);
  -webkit-text-fill-color: var(--bmi-muted);
  opacity: .5;
}

.tn-bmi-tool .tn-bmi-result-list > div:nth-child(1),
.tn-bmi-tool .tn-bmi-result-list > div:nth-child(5) {
  grid-column: auto;
}

.tn-bmi-tool .tn-bmi-result-list > .tn-bmi-result-row--wide {
  grid-column: 1 / -1;
}

.tn-bmi-tool .tn-bmi-waist-help {
  margin: -2px 0 0;
  color: var(--bmi-muted);
  -webkit-text-fill-color: var(--bmi-muted);
  font: 700 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.tn-bmi-tool .tn-bmi-score-card strong {
  line-height: 1;
  letter-spacing: 0;
}

.tn-bmi-tool .tn-bmi-disclaimer {
  border: 1px solid var(--bmi-soft-line);
}

@media (max-width: 720px) {
  .tn-bmi-tool .tn-bmi-fields,
  .tn-bmi-tool .tn-bmi-fields[data-unit-panel="imperial"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tn-bmi-tool .tn-bmi-result-list > .tn-bmi-result-row--wide {
    grid-column: auto;
  }
}