/* ====================
   Stack Page Styles
   ==================== */

.stack-hero {
  text-align: center;
  padding: 4rem 2rem;
}

.stack-hero h1 {
  font-family: var(--font-body); /* Rubik One */
  font-size: 3rem;
  color: var(--accent-pink); /* Stack → Purple */
  text-transform: lowercase;
}

.stack-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  padding: 2rem;
  text-align: left;
}

.stack-categories section h2 {
  font-size: 1.5rem;
  color: var(--accent-pink);
  margin-bottom: 0.5rem;
}

.stack-categories ul {
  list-style: none;
  padding-left: 0;
}

.stack-categories li {
  font-size: 1rem;
  margin-bottom: 0.3rem;
}


/* Responsive */
@media (max-width: 768px) {
  .stack-categories {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
}

  /* .stack-hero h1 {
    font-size: 2.2rem;
  } */