/* Credits inherit the artist's palette; a quiet alternating tint separates titles. */
#filmography-dialog{color:var(--ink);background:var(--paper);max-height:90dvh;padding:28px}
#filmography-dialog .dialog-heading{gap:18px;align-items:flex-start}
#filmography-dialog .dialog-heading h2{font-size:clamp(24px,3vw,30px);line-height:1.2}
#filmography-dialog .field-help{font-size:13px;line-height:1.55;color:color-mix(in srgb,var(--ink) 78%,var(--paper))}
#filmography-dialog .filmography-group{border-color:color-mix(in srgb,var(--ink) 20%,var(--paper));border-radius:12px}
#filmography-dialog .filmography-group-heading{padding:13px 17px;background:color-mix(in srgb,var(--ink) 10%,var(--paper));color:var(--ink);font-size:14px;letter-spacing:.02em}
#filmography-dialog .filmography-group-heading span{font-size:12px;color:color-mix(in srgb,var(--ink) 78%,var(--paper))}
#filmography-dialog .public-filmography-entry{padding:15px 17px;gap:18px;background:var(--paper);border-color:color-mix(in srgb,var(--ink) 16%,var(--paper))}
#filmography-dialog .public-filmography-entry:nth-of-type(even){background:color-mix(in srgb,var(--ink) 5%,var(--paper))}
#filmography-dialog .public-filmography-entry h4{font-size:17px;line-height:1.45;margin:0 0 7px;color:var(--ink)}
#filmography-dialog .filmography-role{font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--ink) 82%,var(--paper))}
#filmography-dialog .filmography-year{font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--ink) 82%,var(--paper))}
#filmography-dialog .filmography-project-link{font-size:11px;min-height:26px;padding:4px 9px;margin:0 0 0 4px;background:color-mix(in srgb,var(--ink) 7%,var(--paper));color:var(--ink)}
@media(max-width:600px){
 #filmography-dialog{padding:20px 16px;width:calc(100vw - 24px);max-height:90dvh}
 #filmography-dialog .public-filmography-entry{padding:14px 13px;gap:12px}
 #filmography-dialog .filmography-group-heading{padding:12px 13px}
 #filmography-dialog .public-filmography-entry h4{font-size:16px}
 #filmography-dialog .filmography-role{font-size:14px}
}

#filmography-dialog .filmography-summary{margin:4px 0 20px}
#filmography-dialog .filmography-counts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
#filmography-dialog .filmography-counts>div{display:flex;align-items:baseline;gap:5px;min-width:0}
#filmography-dialog .filmography-counts dt{font-size:14px;line-height:1.5;color:color-mix(in srgb,var(--ink) 82%,var(--paper))}
#filmography-dialog .filmography-counts dd{order:-1;font-size:15px;font-weight:600;line-height:1.5;margin:0;color:var(--ink);font-variant-numeric:tabular-nums}