/* Hero widget. Class-based helpers (.hero-panel, .hero-badge, .directory-search,
   .hero-trust) are styled globally in style.css; the descendant heading rules
   below are scoped to the widget because its wrapper is not the legacy .hero. */

.directory-sc--hero { padding-block: 10px; }

.directory-sc--hero .hero-shell { gap: 24px; }

.directory-sc--hero .hero-panel h1 {
  margin: 18px 0 0;
  font-size: clamp(2rem, 1.4rem + 2.6vw, 3rem);
  line-height: 1.08;
  color: var(--text);
}

.directory-sc--hero .hero-panel > p {
  margin: 12px 0 0;
  max-width: 72ch;
  line-height: 1.75;
  color: var(--muted);
}

.directory-sc--hero .hero-trust span { display: inline-flex; gap: 6px; align-items: center; }