.grid.split-enabled {
  gap: 0 !important;
  grid-template-columns: minmax(0, 3fr)
    0
    minmax(0, 2fr) !important;
  grid-template-areas: "main splitter side";
}
.grid.split-enabled > .splitter {
  grid-area: splitter;
  width: 0;
  min-width: 0;
  cursor: default;
  pointer-events: none;
  position: relative;
  user-select: none;
  touch-action: none;
  align-self: stretch;
  min-height: 0;
  overflow: hidden;
}
.grid.split-enabled > .splitter::before {
  content: none;
}
.grid.split-enabled > .side {
  grid-area: side;
  min-width: 0;
  border-inline-start: 1px solid #dbe2f0;
  padding-inline-start: clamp(14px, 1.6vw, 22px);
}
.grid.split-enabled[data-markdown-pane-visible="false"] > .side {
  border-inline-start: none;
  padding-inline-start: 0;
}
.grid.split-enabled > :not(.splitter):not(.side) {
  grid-area: main;
  min-width: 0;
  padding-inline-end: clamp(14px, 1.6vw, 22px);
}
body.app-layout .grid.split-enabled {
  height: 100%;
}
body.app-layout .grid.split-enabled > .side {
  max-height: 100%;
  overflow-y: auto;
}
body.app-layout .grid.split-enabled > .splitter {
  position: static;
  top: auto;
}
body.app-layout .grid.split-enabled > :not(.side):not(.splitter) {
  position: sticky;
  top: var(--gap);
}
@media (max-width:980px){
  .grid.split-enabled {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "main"
      "side";
    gap: var(--gap) !important;
  }
  .grid.split-enabled > .side,
  .grid.split-enabled > :not(.splitter):not(.side) {
    grid-area: auto;
  }
  .grid.split-enabled > .side {
    border-inline-start: none;
    border-top: 1px solid #dbe2f0;
    padding-inline-start: 0;
    padding-top: var(--gap);
  }
  .grid.split-enabled[data-markdown-pane-visible="false"] > .side {
    border-top: none;
    padding-top: 0;
  }
  .grid.split-enabled > :not(.splitter):not(.side) {
    padding-inline-end: 0;
  }
  .grid.split-enabled > .splitter {
    display: none;
  }
}