.closed-on-mobile {
  display: none;
}

h1 {
  padding-top: 20px;
}

@media (min-width: 992px) {
  main {
    --block-spacing-horizontal: calc(var(--spacing) * 1.75);
    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);
    display: grid;
    grid-template-columns: 200px auto;
  }

  .closed-on-mobile {
    display: block;
  }

  main > aside nav {
    position: fixed;
    width: 200px;
    max-height: calc(100vh - 5.5rem);
    overflow-x: hidden;
    overflow-y: auto;
  }
}