main {
  background: var(--color-neutral-100);
  padding: 40px;
  @media (max-width: 768px) { padding: 20px; }

  &:has(.container) {
    padding: 0 40px;
    @media (max-width: 768px) { padding: 0 20px; }
  }

  h1 { margin: 0 0 20px; }

  .content-wrapper:not(:has(aside)) {
    max-width: 1200px;
    margin: 0 auto;
  }

  .container {
    display: grid;
    grid-template-columns: 260px 1fr;

    .scrollable-content {
      overflow-y: auto;
      padding: 40px 0 40px 40px;

      @media (max-width: 640px) {
        overflow: visible;
      }
    }
  }
}