/* Home page: hero copy and chips. Container, spacing and type come from the shared system. */
.hero-copy { padding-top: 4px; }
.hero p { margin: 0; }

.hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.hero-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 11px;
  border: var(--border-strong);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.62);
  color: var(--muted);
  font-size: var(--fs-meta);
  line-height: 1.2;
}