/* Project credits: category and responsibility tags share one row. */
.film-credits{min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;text-align:left}
.film-credits .film-category,.featured-card .film-credits .film-category{margin:0;color:var(--muted);font:400 10px/1.5 'DM Mono',monospace;letter-spacing:.08em;flex:none;padding-right:12px;border-right:1px solid var(--frame)}
.film-credits .film-roles{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;max-width:100%;flex:1;min-width:min(100%,140px)}
.film-credits .film-role{display:block;margin:0;border:1px solid var(--frame);padding:4px 9px;color:var(--ink);font:500 13px/1.5 'Noto Sans TC',sans-serif;letter-spacing:.02em;white-space:nowrap}
.work-credit .film-credits{flex:1}
.work-credit>span{flex:none}
.featured-credit{padding-block:14px}
.film-player-meta{width:min(100%,calc(65svh * var(--film-aspect,1.7777778)));margin:18px auto 0;min-width:0}
.film-player-meta .film-credits{width:100%}
.film-player-meta .film-role{font-size:13px}
.film-player-dialog:is(.is-breakdown,.is-process,.is-aigc) .film-player-meta{width:100%}
@media(max-width:600px){
 .film-credits{gap:7px 8px}
 .film-credits .film-category,.featured-card .film-credits .film-category{font-size:9px;letter-spacing:.04em;padding-right:8px}
 .film-credits .film-roles{gap:4px;min-width:max-content}
 .film-credits .film-role{font-size:11px;padding:3px 5px;letter-spacing:0}
 .film-player-meta .film-role{font-size:11px}
 .work-credit{align-items:center;gap:6px}
}