article {
  display: flex;
  gap: 1em;
  flex-direction: row;
}

article .contents {
  flex: 1 1;
}

article aside {
  flex: 0 1 25ch;
  padding: 0 0 0 2em;
  border-left: 1px solid #EEE;
}

article aside ul li.active {
  font-weight: bold;
  border-left: 5px solid var(--color-compass-bordeaux);
  padding-left: 0.5em;
}

article aside ul li.subcategory {
  margin-left: 2px;
  padding-left: 1em;
  border-left: 1px solid #bb1b6d30;
}

article aside ul li.subcategory.active {
  color: var(--color-compass-bordeaux);
  border-color: var(--color-compass-bordeaux);
}

article aside ul li.subcategory + li:not(.subcategory) {
  margin-top: 0.5em;
}