/* Home + main shells — denser mobile rhythm, DESIGN.md tokens */

/* Hero / page shells */
.home-wow .page-hero,
.home-wow > .tile:first-child,
main > .page-hero {
  padding-top: clamp(28px, 5vw, 56px);
  padding-bottom: clamp(24px, 4vw, 40px);
}
.home-wow h1,
.page-hero h1 {
  text-wrap: balance;
}
.home-wow .lead,
.page-hero .lead {
  text-wrap: pretty;
  max-width: 34em;
}

/* Pathway / explore soft-cards */
.home-wow .soft-card,
.home-wow .pathway-card,
.home-wow .explore-card {
  padding: 16px 18px;
  border-radius: 16px;
  min-height: 44px;
}
.home-wow .btn-row {
  gap: 10px;
}
.home-wow .btn {
  min-height: 44px;
}

/* Float chips — only on hover-capable, motion-safe */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .home-wow .float-chip:hover {
    border-color: var(--hairline, #e5e5ea);
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-wow .float-chip {
    animation: none !important;
    transform: none !important;
  }
}

/* Name list / browse cards on main surfaces */
main .list-card {
  padding: 14px 16px 14px 18px;
  border-radius: 14px;
}
main .list-card strong {
  font-size: 16px;
}
main .soft-list {
  gap: 8px;
}

/* Mobile density */
@media (max-width: 734px) {
  .home-wow .page-hero,
  .home-wow > .tile:first-child,
  main > .page-hero {
    padding: 24px 16px 20px;
  }
  .home-wow .tile,
  main > .tile {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .home-wow .soft-card,
  .home-wow .pathway-card {
    padding: 14px 14px;
  }
  .home-wow .btn-row {
    gap: 8px;
  }
  main .list-card {
    padding: 12px 14px 12px 16px;
  }
}

/* Tablet hero chips */
@media (min-width: 735px) and (max-width: 1024px) {
  .home-wow .float-chip {
    font-size: 11px;
    padding: 4px 10px;
  }
}