.fume-hood-card .field select,
.fume-hood-card .field textarea {
  width: 100%;
  min-height: 2.75rem;
  padding: .5rem .625rem;
  border: 1px solid #9eb1c2;
  border-radius: .375rem;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.fume-hood-card .field textarea {
  min-height: 8rem;
  resize: vertical;
}

/* Keep the single-line unit field independent from the adjacent traverse textarea. */
.fume-hood-card form[data-fume-hood="traverse"] > .form-grid > .field {
  align-self: start;
}

.fume-hood-card .form-group {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: .5rem;
}

.fume-hood-card .form-group h3 {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.fume-hood-card .result-panel strong {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem;
  font-size: 1.75rem;
}

.fume-hood-card .result-panel small {
  font-size: .875rem;
  font-weight: 500;
}

@media (max-width: 39.99rem) {
  .fume-hood-card .form-group { padding: .75rem; }
}
