/* Tailwind h-48 / md:h-full + object-cover; Bootstrap has no matching utilities. */
.sidebar-split-cover {
  height: 12rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sidebar-split-cover {
    height: 100%;
    min-height: 12rem;
  }
}

.sidebar-split-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* v28 timeline — connector line width (no BS analog for a fixed-width vertical rule) */
.mailing-timeline__line {
    width: 2px;
}

/* v28 timeline — per-step dot size */
.mailing-timeline__dot {
    width: 0.625rem;
    height: 0.625rem;
}

/* v28 frequency toggle — inactive/active states are handled purely via
   Tailwind utility classes toggled in script.js; nothing color-related lives here. */
.mailing-timeline__toggle-btn {
    cursor: pointer;
    border: 0;
}