.pm-audience{box-sizing:border-box;padding:24px;border:1px solid #dfd5ee;border-radius:20px;background:linear-gradient(135deg,#faf6ff,#fff);color:#272035;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:20px 0}.pm-audience>div{flex:1 1 240px}.pm-audience h2{font-size:22px;line-height:1.25;margin:5px 0 8px;color:inherit}.pm-audience p{margin:0;font-size:14px;line-height:1.5}.pm-audience small{font-size:12px;line-height:1.5}.pm-audience>small,.pm-audience-status,[data-audience-count]{flex-basis:100%}.pm-audience button{min-height:48px;border:1px solid #6736a5;border-radius:28px;padding:12px 22px;background:#6736a5;color:#fff;font:inherit;font-weight:700;cursor:pointer}.pm-audience button[aria-pressed=true]{background:#eee4fb;color:#472373}.pm-audience button:disabled{opacity:.6;cursor:wait}.pm-audience button:focus-visible{outline:3px solid #c494fc;outline-offset:3px}.pm-audience-status:empty{display:none}@media(prefers-color-scheme:dark){.pm-audience{background:#251d31;color:#f5eefc;border-color:#57416d}}@media(max-width:600px){.pm-audience{padding:18px}.pm-audience button{width:100%}}

/* The movie hero has a narrow poster track: anticipation belongs below both
   mobile columns, and alongside the poster at tablet/desktop sizes. */
.pm-movie-hero-inner > .pm-audience {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin: 0;
}
.pm-audience > div { min-width: 0; }
.pm-audience button { max-width: 100%; white-space: normal; }
@media (min-width: 768px) {
    .pm-movie-hero-inner > .pm-audience { grid-column: 2; }
}