/* Audience workflows stay on the feature grid, without another card gallery. */
.audience-heading { display: block; margin-bottom: 36px; }
.audience-heading > h2 { max-width: 760px; }
.audience-workflows { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.audience-workflows > a { display: block; min-width: 0; padding: 4px 24px 8px; text-decoration: none; border-left: 1px solid var(--line); }
.audience-workflows > a:first-child { padding-left: 0; border-left: 0; }
.audience-workflows > a:last-child { padding-right: 0; }
.audience-workflows h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 11px; color: #ededee; font-size: 17px; font-weight: 500; letter-spacing: -.3px; }
.audience-workflows h3 > span { color: #89898f; font-size: 17px; transition: color 160ms ease; }
.audience-workflows p { margin: 0; max-width: 230px; color: #a9a9af; font-size: 15px; line-height: 1.55; }
.audience-workflows a:hover h3 > span { color: #fff; }
.audience-workflows a:hover p { color: #c3c3c8; }
.audience-workflows a:focus-visible { outline: 2px solid #bdbdc5; outline-offset: 8px; border-radius: 2px; }
@media (max-width: 900px) {
  .audience-workflows { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 0; }
  .audience-workflows > a:nth-child(odd) { padding-left: 0; border-left: 0; }
  .audience-workflows > a:nth-child(even) { padding-right: 0; }
}
@media (max-width: 600px) {
  .audience-heading { margin-bottom: 28px; }
  .audience-workflows { gap: 24px 0; }
  .audience-workflows > a { padding-inline: 15px; }
  .audience-workflows h3 { font-size: 16px; gap: 7px; }
  .audience-workflows p { font-size: 14px; }
}