.topics-page { background-color: var(--yellow); }
.podcasts-page { background-color: var(--purple); }
.blog-page { background-color: var(--white); }
.search-page { background-color: var(--green); }

.sidebar {
  padding-top: clamp(8rem, 158px, 158px);
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  margin-bottom: 1rem;
}

.sidebar .heading-3 {
  margin-top: 0;
}

main.category-page {
  padding-top: clamp(8rem, 158px, 158px);
  border-bottom: 2px solid var(--black);
  margin-bottom: 1rem;
}

.article-cards {
  list-style-type: none;
  padding: 0;
  grid-row-gap: calc(100vw / 36);
}

.article-cards li {
  padding-left: calc(100vw / 36);
}

.podcasts-page select {
  background-color: var(--light-purple);
}

.blog-page select {
  background-color: var(--gray);
}

.search-page select {
  background-color: var(--light-green);
}

.search-page .sidebar .heading-3 span {
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: uppercase;
}

.search-page .action-call,
.podcasts-page .action-call {
  color: var(--deep-yellow);
}

.search-page .empty h1 {
  margin-top: -1rem;
}

.search-page .empty h3 {
  font-weight: 400;
}
.search-page .empty {
  margin-bottom: 40vh;
}

@media(max-width: 768px) {
  .sidebar {
    border-right: none;
    border-bottom: none;
    margin-bottom: none;
  }

  main.category-page {
    padding-top: 0;
  }

  .article-cards li {
    padding-left: 0;
  }
}