.aside {
  grid-area: sidebar;
  display: grid;
  gap: var(--Spacing-x4);
  container-name: sidebar;
  container-type: inline-size;
  gap: var(--Spacing-x3);

  border-top: 1px solid var(--Base-Border-Subtle);
  padding-top: var(--Spacing-x4);
}

.content {
  padding: var(--Spacing-x0) var(--Spacing-x2);
}

@media screen and (min-width: 1367px) {
  .aside {
    align-content: flex-start;
    gap: var(--Spacing-x4);
    border-top: 0;
    padding-top: 0;
  }
}