/**
 * Body | sidebar 80/20 layout.
 *
 * Replaces the core 75/25 layout, which has no gap between regions. The 3rem
 * gap keeps the sidebar visually separated from the main body content. Lives in
 * the module (not the theme) so it also loads in the Layout Builder admin UI.
 */
.layout--two-col-body-sidebar {
  display: grid;
  grid-template-columns: 1fr 288px;
  gap: 3rem;
  align-items: start;
}

@media (max-width: 991px) {
  .layout--two-col-body-sidebar {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}