aside h2,
aside h2 a{
  color: #101e8e;
  color: var(--color-primary);
  margin-bottom: max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  margin-bottom: var(--space-xs);
  -webkit-text-decoration: none;
  text-decoration: none;
}

aside h2 a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

aside {
  --flow-space: var(--space-m);
}

.l-sidebar--before_content {
  --sidebar-gutter: 0;
  --slat-gap: 1rem;
}

@media (min-width: 45em) {

.l-sidebar--before_content {
    --sidebar-gutter: 5.5rem;
    --slat-gap: 3rem;
}
  }

.l-sidebar--before_content aside {
  width: 100%;
}

@media (min-width: 45em) {

.l-sidebar--before_content aside {
    order: 2;
    width: 30%;
}
  }