/**
 * @file
 * Special grid system for sidebar.
 *
 * Replaces the corresponding Olivero stylesheet.
 *
 * @see core/themes/olivero/css/layout/layout-sidebar.css
 */

.sidebar-grid {
  & > .site-main {
    grid-column: 1 / 7;
    align-self: flex-start;

    @media (min-width: 43.75rem) {
      grid-column: 1 / 15;
    }

    @media (min-width: 62.5rem) {
      grid-column: 3 / 11;
    }
  }

  & .region--sidebar {
    grid-column: 1 / 7;

    @media (min-width: 43.75rem) {
      grid-column: 3 / 13;
    }

    @media (min-width: 62.5rem) {
      grid-column: 12 / 15;
    }
  }
}