.epure-sub {
  font-size: 0.8em; /* subtle increase */
  position: relative;
  top: 1px; /* gentle baseline drop */
}
.epure-grid {
  display: grid;
  grid-template-columns: 48% 48%; /* match graph widths */
  justify-content: space-between; /* anchor left/right columns to container edges */
  column-gap: 0;
  row-gap: 12px;
  align-items: stretch; /* make cards equal height per row */
  margin-bottom: 16px; /* space before graphs */
}

@media (max-width: 1100px) {
  .epure-grid {
    grid-template-columns: 1fr;
    justify-content: initial;
  }
}

.epure-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  box-sizing: border-box; /* include borders in width calc for alignment */
  height: 100%;
}

.epure-card__title {
  font-weight: 600;
  margin-bottom: 6px;
  color: #374151;
}

.epure-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.epure-row > label {
  display: inline-flex;
  align-items: center;
  height: 32px; /* match Select and input heights */
  line-height: 32px;
}

.epure-row label {
  margin-right: 2px;
}

.epure-card input[type="number"],
.epure-card input[type="text"] {
  padding: 4px 6px;
  height: 32px; /* unify with dropdown */
  margin-top: 10px; /* lower baseline to match label text */
}

.epure-card .Select--single > .Select-control,
.epure-card .Select-control {
  height: 32px;
  min-height: 32px;
  margin-top: 10px; /* optical alignment with labels */
}

/* Keep dropdown alignment in "Диапазон отображения" cards unchanged */
#h-epure-color-scale-mode .Select-control,
#v-epure-color-scale-mode .Select-control {
  margin-top: 0;
}

.epure-row input[type="checkbox"] { transform: translateY(1px); }