.o-sidebar-page-wrapper {
  gap: 0;
}
@media screen and (min-width: 1100px) {
  .o-sidebar-page-wrapper {
    gap: 0 calc(24rem - var(--layout-site-padding));
    display: grid;
    grid-template-columns: [sidebar-start] auto [sidebar-end main-start] 1fr [main-end];
    grid-template-rows: [top] auto [bottom] auto;
    align-items: start;
  }
  .o-sidebar-page-wrapper .o-sidebar {
    grid-column: sidebar-start/sidebar-end;
    grid-row: 1/-1;
    position: sticky;
    top: var(--header-height);
  }
  .o-sidebar-page-wrapper > *:not(.o-sidebar) {
    grid-column: main-start/main-end;
  }
}