main {
  max-width: 900px;
}

.content-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 1.75rem 2rem;
}

.jobs-container {
  padding: 0 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
}

@media (max-width: 890px) {
  .jobs-container {
    padding: 0 1rem;
  }
}

@media (max-width: 824px) {
  .jobs-container {
    padding: 0;
  }
}

@media (max-width: 792px) {
  .jobs-container {
    gap: 0;
  }
}

@media (max-width: 640px) {
  .content-card {
    padding: 1.75rem 1.25rem;
  }
}