body {
  position: relative;
  height: 100vh;
  display: flex;
}

#content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-wrapper {
  display: flex;
  width: 100%;
}

main {
  height: calc(100vh - 44px);
  overflow: auto;
  width: 100%;
  padding-left: 12px;
}

body > nav {
  width: fit-content;
}

body:has(main > .fullscreen, main > * > .fullscreen) header,
body:has(main > .fullscreen, main > * > .fullscreen) nav {
  display: none;
}