/* Audience preference modal + chips */
.lb-roles-modal[hidden]{display:none!important}
.lb-roles-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center}
.lb-roles-modal__bg{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.lb-roles-modal__panel{position:relative;z-index:1;background:var(--lb-surface,#fff);color:var(--lb-ink,#0f172a);border-radius:16px;padding:1.25rem 1.35rem 1.1rem;width:min(520px,92vw);max-height:min(80vh,640px);overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.lb-roles-modal__x{position:absolute;top:.55rem;right:.7rem;border:0;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;opacity:.55}
.lb-roles-modal__x:hover{opacity:1}
.lb-roles-modal h2{margin:0 1.5rem .35rem 0;font-size:1.25rem}
.lb-roles-modal__hint{margin:0 0 .85rem;font-size:.92rem;opacity:.75}
.lb-roles-modal__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.lb-roles-chip{border:1px solid var(--lb-border,rgba(0,0,0,.12));background:transparent;border-radius:999px;padding:.35rem .75rem;font-size:.88rem;cursor:pointer}
.lb-roles-chip.is-on{background:var(--lb-primary-600,#2563eb);border-color:transparent;color:#fff}
.lb-roles-modal__actions{display:flex;justify-content:flex-end;gap:.5rem}
.lb-pfacets--audience{margin-top:.35rem}