/* Layout styles */
.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--space-2);
}

.main {
  padding: var(--space-4) 0;
  min-height: calc(100vh - 140px); /* Adjust based on header and footer height */
}

section {
  margin-bottom: var(--space-5);
}

.section-title {
  color: var(--text-color);
  font-size: var(--font-size-2xl);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-1);
  border-bottom: 2px solid var(--primary-color);
}

.page-title {
  font-size: var(--font-size-3xl);
  color: var(--text-color);
  margin-bottom: var(--space-3);
  line-height: 1.2;
}

/* Responsive grid layouts */
.related-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--space-2);
}

/* Responsive adjustments */
@media (min-width: 576px) {
  .related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .container {
    padding: 0 var(--space-3);
  }
  
  .related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}