.lc-general-tab {
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
}

.lc-general-tab__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: var(--sp-5);
  align-items: start;
}

.lc-general-tab__main {
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
}

.lc-general-tab__rail {
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
}

.lc-general-tab__actions {
  width: 100%;
}

/* Panel cards are <section>s, so Pico adds a block margin-bottom that stacks on
   top of the flex gap. The gaps own the vertical rhythm — zero the margins. */
.lc-general-tab > *,
.lc-general-tab__main > *,
.lc-general-tab__rail > * {
  margin-block: 0;
}

@media (max-width: 720px) {
  .lc-general-tab__grid {
    grid-template-columns: 1fr;
  }
}