/* Internal pages scroll with the document, outside the centered workspace. */
.app-shell[data-page]:not([data-page=signals]) {
  height:auto;
  min-height:100dvh;
  overflow:visible;
}
.app-shell[data-page]:not([data-page=signals])>main {
  flex:0 0 auto;
  min-height:0;
  overflow:visible;
  scrollbar-gutter:auto;
}

/* Use the same slim scrollbar at the browser edge as in the application. */
:root {scrollbar-width:thin;scrollbar-color:#4b4553 transparent}
@supports selector(::-webkit-scrollbar) {
  :root {scrollbar-width:auto;scrollbar-color:auto}
  :root::-webkit-scrollbar {width:6px;height:6px}
  :root::-webkit-scrollbar-track,:root::-webkit-scrollbar-corner {background:transparent}
  :root::-webkit-scrollbar-thumb {background:#4b4553;border-radius:999px;min-height:24px;min-width:24px}
  :root::-webkit-scrollbar-button {display:none;width:0;height:0}
}