.pf-audience-banner[hidden] { display: none !important; }

.pf-audience-banner {
  position: fixed;
  z-index: 100000;
  left: 1rem;
  bottom: max(.75rem, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 1rem;
  box-sizing: border-box;
  width: calc(100% - 2rem);
  max-width: 40rem;
  padding: .65rem .75rem;
  border: 1px solid #d4dce3;
  border-radius: .5rem;
  background: #f8fbff;
  box-shadow: 0 .15rem .75rem rgb(12 29 61 / 8%);
  color: #0f172a;
  font: inherit;
  font-size: .875rem;
}

.pf-audience-banner__content { flex: 1; min-width: 0; }
.pf-audience-banner__content p { margin: 0; line-height: 1.4; }
.pf-audience-banner__content a { color: #152e59; text-decoration: underline; text-underline-offset: .15em; }
.pf-audience-banner__actions { display: flex; flex: 0 0 auto; gap: .5rem; }
.pf-audience-banner__actions button {
  width: 5.5rem;
  min-height: 44px;
  padding: .5rem .75rem;
  border: 1px solid #8a9ab2;
  border-radius: .3rem;
  background: #fff;
  color: #152e59;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.pf-audience-banner__actions button:hover,
.pf-audience-banner__actions button:focus-visible { background: #eaf1f8; }
.pf-audience-banner__actions button:focus-visible,
.pf-audience-banner__content a:focus-visible,
.pf-audience-manage:focus-visible { outline: 2px solid #152e59; outline-offset: 2px; }

.pf-audience-manage {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: .75rem;
  min-height: 44px;
  padding: .4rem .65rem;
  border: 1px solid #d4dce3;
  border-radius: .35rem .35rem 0 0;
  background: #f8fbff;
  color: #152e59;
  font: inherit;
  font-size: .75rem;
  cursor: pointer;
}
.pf-audience-banner:not([hidden]) ~ .pf-audience-manage { visibility: hidden; }

@media (max-width: 40rem) {
  .pf-audience-banner { flex-direction: column; align-items: stretch; gap: .5rem; padding: .65rem; width: calc(100% - 1rem); left: .5rem; bottom: max(.5rem, env(safe-area-inset-bottom)); }
  .pf-audience-banner__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .pf-audience-banner__actions button { width: auto; min-width: 0; }
}