.hero-copy { display: grid; gap: 4px; }
.hero-card { display: grid; gap: 18px; }
.category-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.post-view { display: grid; gap: 14px; }
.post-view h2 { font-size: clamp(28px, 4vw, 42px); }
.profile-hint { margin: 0; }
.dm-header { min-height: 28px; }
.empty-chat {
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--muted);
}