.role-page-hero { display: flex; align-items: flex-start; gap: 18px; flex-wrap: wrap; min-width: 0; }
.role-page-hero > * { min-width: 0; }
.role-hero-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 56px; height: 56px; border-radius: 14px; background: var(--purple-soft);
}
.role-hero-icon img { width: 32px; height: 32px; object-fit: contain; }
.role-hero-copy { flex: 1 1 320px; min-width: 0; }
.role-hero-copy h1 { margin: 4px 0 6px; }
.role-hero-copy p { margin: 0; }
.role-page-hero .help-search,
.role-page-hero form { flex: 1 1 100%; margin-top: 6px; }
.role-product-grid { margin-top: 6px; }
.role-product-card { min-height: 168px; padding: 22px; }
.role-product-card strong { padding-right: 76px; }
.role-product-card small { padding-right: 76px; }
.role-product-card .icon-badge { width: 44px; height: 44px; }
.dest-icon img { width: 20px; height: 20px; object-fit: contain; }