.page-section {
  padding-top: 54px;
}

.page-search {
  max-width: 720px;
}

.page-copy {
  margin-bottom: 24px;
}

.tutorials-grid {
  margin-top: 26px;
}

.topic-page-grid {
  margin-top: 26px;
}

.topic-page-card {
  text-align: inherit;
}

.empty-state {
  padding: 28px;
  border: 1px dashed var(--border-strong);
  border-radius: 22px;
  color: var(--muted);
  text-align: center;
}

/* Medium */

@media (max-width: 1180px) {
  .topic-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Tablet */

@media (max-width: 820px) {
  .tutorials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */

@media (max-width: 620px) {
  .tutorials-grid,
  .topic-page-grid {
    grid-template-columns: 1fr;
  }
}