/* Посты цепочки: явно отделить от настроек цепочки сверху и друг от друга —
   каждый пост отдельной карточкой с цветной полосой слева. */

#steps-group {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 2px solid var(--color-primary-500);
}

#steps-group > fieldset > h2 {
  font-size: 1rem;
  background: color-mix(in oklab, var(--color-primary-500) 14%, transparent);
  color: var(--color-primary-700);
}
.dark #steps-group > fieldset > h2 { color: var(--color-primary-300); }

/* общая рамка вокруг всех постов не нужна — рамка у каждого */
#steps-group .formset-wrapper > div:has(> #steps-data) {
  border: 0;
  box-shadow: none;
  overflow: visible;
}
#steps-data {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: transparent !important;
}

#steps-data > .form-group {
  border: 1px solid var(--color-base-200);
  border-left: 5px solid var(--color-primary-500);
  border-radius: 0.5rem;
  overflow: hidden;
  background: #fff;
}
.dark #steps-data > .form-group {
  border-color: var(--color-base-700);
  border-left-color: var(--color-primary-500);
  background: var(--color-base-900);
}
#steps-data > .form-group > .form-row { border-bottom: 0; }

/* шапка поста: «Пост 1 — день 1, 12:00 МСК» */
#steps-data > .form-group h3 {
  font-size: 0.95rem;
  padding-block: 0.75rem;
  background: color-mix(in oklab, var(--color-primary-500) 9%, transparent);
}