/* Credits — roles with a dot per person, the admin's credits, and who made the pictures. */
.wrk-credits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:48px var(--bdh-gap);align-items:start}
.wrk-credits__sum{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--paper-3);color:var(--ink);letter-spacing:.04em;text-transform:none}
.band--alt .wrk-credits__sum{background:var(--paper)}
.wrk-roles{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.wrk-roles li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.wrk-roles__r{font-size:var(--t-sm);font-weight:500;color:var(--ink)}
.wrk-roles__nm{display:block;font-weight:400;color:var(--muted)}
.wrk-roles__c{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:120px}
.wrk-roles__c i{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.wrk-roles li:first-child .wrk-roles__c i{background:var(--blue)}
.wrk-roles__n{min-width:2.4em;text-align:right;font-family:var(--f);font-size:var(--t-lbl);color:var(--muted);font-variant-numeric:tabular-nums}
.wrk-cred{margin:0;border-top:1px solid var(--line)}
.wrk-cred>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.wrk-cred dt{font-size:var(--t-sm);color:var(--muted);line-height:1.5}
.wrk-cred dd{margin:0;font-size:var(--t-sm);font-weight:500;color:var(--ink);line-height:1.5}
.wrk-pics{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.wrk-pics li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.wrk-pics a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px}
.wrk-pics a:hover{text-decoration-color:var(--ink)}
.wrk-pics span{color:var(--ink)}
.wrk-pics b{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.wrk-credits__note{margin-top:14px;font-size:var(--t-xs);line-height:1.6;color:var(--muted)}
@media (max-width:640px){.wrk-cred>div{grid-template-columns:minmax(0,1fr);gap:2px}}