/* Source artwork keeps the approved Unmute card geometry and brand fallback. */
.artwork-frame{position:relative;display:block;overflow:hidden;background:var(--bg,#071b15);isolation:isolate}
.artwork-fallback{display:block}
.artwork-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;opacity:0;background:var(--bg,#071b15)}
.artwork-frame.is-artwork-loaded>img{opacity:1}
.artwork-frame.is-artwork-loaded>.artwork-fallback{visibility:hidden}
.artwork-frame>img[hidden]{display:none}
.artwork-frame--small{width:80px;flex:none}
.artwork-credit{font-size:11px;line-height:1.55;color:var(--muted,#a5b6a0);margin-top:10px;overflow-wrap:anywhere}
.artwork-credit a{text-decoration:underline;text-underline-offset:3px}
.artwork-preference{margin-block:20px;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:20px 24px;background:#173521;border:1px solid #658748;border-radius:9px}
.artwork-choice-copy h3{font-family:var(--sans);font-size:16px;letter-spacing:0;line-height:1.4}
.artwork-choice-copy>p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px;max-width:680px}
.artwork-toggle{min-height:44px;text-align:center;text-decoration:none;max-width:280px}
.artwork-privacy-details{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--muted)}
.artwork-privacy-details>summary{cursor:pointer;min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.artwork-preference.is-enabled{padding-block:12px;background:transparent;border-color:var(--line)}
.artwork-toggle[aria-pressed="true"]{color:var(--lime,#c0f45b)}
.artwork-privacy{font-size:11px;line-height:1.55;color:var(--muted,#a5b6a0);margin-top:4px}
.research-return-row{display:flex;align-items:center;min-height:34px;padding-top:5px}
.research-return{display:inline-flex;align-items:center;min-height:34px;font-size:12px;line-height:1.4;color:var(--muted,#a5b6a0);text-decoration:underline;text-underline-offset:4px}
.research-return:hover{color:var(--ink,#edf1dd)}
.artwork-guide{margin-top:32px;padding-top:24px;border-top:1px solid var(--line,#304332);max-width:760px}
.artwork-guide h2{font-size:30px}
.artwork-guide p{font-size:14px;line-height:1.7;color:var(--muted,#a5b6a0);margin-top:16px}
.filter-context{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.filter-context h3{font-family:var(--sans);font-size:15px;letter-spacing:0}
.filter-context+.filters{margin-top:16px}
.filter-query-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:7px;background:#ffffff05}
.filter-query-context>div{min-width:0;display:grid;gap:6px;font-size:13px;overflow-wrap:anywhere}
.filter-query-context span{font-size:12px;color:var(--muted)}
.filter-query-context .button{font-size:12px;flex:none;max-width:260px}
.active-filters{flex-wrap:wrap}
.active-filters .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:620px){.filter-query-context{align-items:stretch;flex-direction:column}.filter-query-context .button{max-width:none;width:100%}}
@media(max-width:620px){.artwork-frame--small{width:66px}.artwork-privacy,.artwork-credit{font-size:11px}}
@media(max-width:620px){.artwork-preference{grid-template-columns:minmax(0,1fr);padding:18px;gap:12px}.artwork-toggle{max-width:none;width:100%}.artwork-choice-copy h3{font-size:15px}}
