/* Base Styles */
html,
body {
  height: calc(100% - var(--double-padding));
  color: var(--color-body-copy);
  font-family: var(--font-system);
  font-size: var(--font-size-base);
  overscroll-behavior-y: none;
}

body {
  container-type: inline-size;
  container-name: body;
}

#page-container,
main {
  height: 100%;
}

main {
  grid-area: main;
}

#todo-container {
  height: 100%;
  overflow-y: auto;
}

#todo-container.suppressed {
  display: none;
}