/* FRONT-06: a compact, informational strip; all rules stay inside this section. */
.sp-audience { padding-block: 2rem; border-block: 1px solid rgb(255 255 255 / .08); text-align: center; }
.sp-audience__title { margin: 0; color: rgb(255 255 255 / .88); font-size: clamp(1.125rem, 2vw, 1.375rem); font-weight: 600; line-height: 1.4; text-wrap: balance; }
.sp-audience__profiles { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; margin: 1rem 0 0; padding: 0; list-style: none; color: rgb(255 255 255 / .7); font-size: .9375rem; line-height: 1.6; }
.sp-audience__profiles li { position: relative; white-space: nowrap; }
@media (min-width: 640px) {
  .sp-audience { padding-block: 2.25rem; }
  .sp-audience__profiles { column-gap: 2.5rem; font-size: 1rem; }
  /* At narrow widths the spacing alone separates names, so no dots start a row. */
  .sp-audience__profiles li + li::before { content: ""; position: absolute; top: 50%; left: -1.25rem; width: 3px; height: 3px; border-radius: 50%; background: rgb(255 255 255 / .35); transform: translate(-50%, -50%); }
}