/* =============================================
   alters-page.css — styles for alters.html
   ============================================= */

.alters-title-section {
  text-align: center;
}

.alters-title-section h1 {
  font-size: 2rem;
  margin-bottom: 0.4rem;
}

.alters-subtitle {
  font-size: 0.9rem;
  opacity: 0.7;
  margin: 0;
}

/* override the system.css user-grid with a slightly wider layout */
.alters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
  padding-bottom: 3rem;
}

@media (max-width: 500px) {
  .alters-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}