/* Keep the Notes utility rail independent from the application's global <aside> navigation. */
.general-notes-mode .gn-page > .gn-main {
  grid-column: 1;
  grid-row: 2;
}

.general-notes-mode .gn-page > .gn-rail {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  grid-column: 2;
  grid-row: 2;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.general-notes-mode .gn-page > .gn-rail::before,
.general-notes-mode .gn-page > .gn-rail::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1050px) {
  .general-notes-mode .gn-page > .gn-stats {
    grid-column: 1;
    grid-row: 1;
  }

  .general-notes-mode .gn-page > .gn-main {
    grid-column: 1;
    grid-row: 2;
  }

  .general-notes-mode .gn-page > .gn-rail {
    grid-column: 1;
    grid-row: 3;
  }
}