/* ── PAGE HERO (subpages) ─────────────────── */
.page-hero {
  padding: 140px 0 64px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-2);
}

.page-hero h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 8px 0 12px;
}

.page-hero p {
  font-size: 1rem;
  color: var(--text-2);
  max-width: 500px;
}

/* Wide cards for apps page */
.cards--wide {
  grid-template-columns: 1fr !important;
  max-width: 640px;
}

.card--full {
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}

.card--full .card__header { flex-direction: column; gap: 12px; }
.card--full .card__body { flex: 1; min-width: 200px; }

@media (max-width: 580px) {
  .card--full { flex-direction: column; }
}