/*  PAGE [ default ] */
page-container {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  height: 100vh;
  overflow: hidden;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 250px 0 1fr 5px 300px; /* same as when splitter-panel is visible */
}

/* NAV */
.nav page-container {grid-template-columns: 250px 1fr 0 0 0;}
.nav intro-panel {margin-right: -3rem;}

/* NAV + INTRO */
.nav.intro page-container {grid-template-columns: 250px 1fr 0 0 0;}
.nav.intro intro-panel {margin-right: -3rem;}

/* NAV + MAIN */
.nav.main page-container {grid-template-columns: 250px 0 1fr 0 0;}
.nav.main main-panel {margin-left: -1rem; margin-right: -2rem;}
.nav.main intro-panel {margin-right: 0;}

/* NAV + MAIN + SPLITTER + ASIDE */
.nav.main.aside page-container {grid-template-columns: 250px 0 1fr 5px 300px;}
.nav.main.aside main-panel {margin-left: -1rem; margin-right: -0.5rem;}
.nav.main.aside aside-panel {margin-left: -0.5rem;}