/* Hub pages — category landing pages (shared.css handles nav/footer/base) */

main {
  flex-grow: 1;
  padding: 2rem 1.5rem 3rem;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

h1 {
  font-size: 2.4rem;
  color: var(--accent);
  margin: 0 0 0.4rem;
}

main > p {
  font-size: 1.05rem;
  color: var(--text-muted);
  margin: 0 0 1.5rem;
}

@media (max-width: 480px) {
  h1 { font-size: 2rem; }
}