/* Archive wrapper */
.stb-archive {
  background: #fff;
}



/* Breadcrumb block (reuse breadcrumb classes from your single CSS if already present) */
.stb-archive__crumbs {
  background: #fff;
}

/* Content spacing */
.stb-archive__content {
  padding: 1.5rem 0;
  background: #fff;
}
.stb-archive__content-inner {
  padding-bottom: 6rem;
}

/* Layout: on archive we want sidebar visible on desktop, stacked on mobile */
.stb-layout--archive {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .stb-layout--archive {
    display: grid;
    grid-template-columns: 3fr 1fr; /* sidebar then posts, like your example */
    column-gap: 3rem;
    align-items: start;
  }
  .stb-layout__aside--archive {
    display: block;
  }
}

/* Make sure aside is visible (unlike single which may hide it on mobile) */
.stb-layout__aside--archive {
  display: block;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .stb-layout__aside--archive {
    margin-bottom: 0;
  }
}

/* Active category state */
.stb-catlist__link.is-active {
  color: #111827;
  font-weight: 600;
}