/* MaleStars credit-first filmography: distinct performer timeline on own local DB */
:root{--mf-blue:#1a3e57;--mf-line:#d5e2eb;--mf-ink:#223c50;--mf-muted:#677d8a}
*,*::before,*::after{box-sizing:border-box}
html,body{min-width:0;max-width:100%}
body{overflow-x:clip;background:#f7fafb;color:var(--mf-ink)}
.mf-nav{background:var(--mf-blue);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:15px max(15px,calc((100vw - 1140px)/2))}
.mf-wordmark{font:900 25px system-ui;letter-spacing:.03em;color:#fff;text-decoration:none;white-space:nowrap}
.mf-wordmark small{font:700 10px monospace;letter-spacing:.09em;color:#aad0e1}
.mf-nav nav{display:flex;flex-wrap:wrap;gap:14px;min-width:0;max-width:100%;overflow:visible}
.mf-nav nav a{color:#d4e7ed;font-size:12px;text-decoration:none}
.mf-main{max-width:1140px;margin:auto;padding:20px 15px;min-width:0}
.mf-hero{padding:clamp(24px,4vw,45px);background:linear-gradient(135deg,#173b56,#2d607d);color:#fff}
.mf-hero>p:first-child,.mf-profile>p:first-child{color:#a4d8ef;font:800 11px monospace;letter-spacing:.12em}
.mf-hero h1{color:#fff;font-size:clamp(30px,4vw,47px);line-height:1.2;margin:14px 0}
.mf-hero p{color:#d0e7ef}
.mf-directory,.mf-profile,.mf-filmography{border:1px solid var(--mf-line);background:#fff;padding:23px;margin:25px 0;min-width:0}
.mf-directory h2,.mf-profile h1,.mf-filmography h2{font-size:clamp(24px,3vw,35px);color:#1a4865;line-height:1.25;overflow-wrap:anywhere}
.mf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.mf-grid a{background:#f5f9fb;border:1px solid #d8e6ef;display:grid;gap:7px;min-width:0;padding:13px;text-decoration:none}
.mf-grid strong{font-weight:750;overflow-wrap:anywhere}.mf-grid span{font-size:11px;color:var(--mf-muted)}
.mf-summary{display:flex;align-items:baseline;gap:13px;border-top:1px solid var(--mf-line);padding-top:15px}
.mf-summary b{font:800 35px Georgia;color:#16577b}
.mf-summary span{font-size:12px;color:#607688}
.mf-film-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mf-film-list article{display:grid;grid-template-columns:83px minmax(0,1fr);gap:13px;border:1px solid #d8e6ef;padding:11px;min-width:0}
.mf-film-list article>a{display:block}.mf-film-list img{display:block;width:83px;aspect-ratio:2/3;object-fit:cover}
.mf-film-list article>div{display:grid;align-content:start;gap:6px;min-width:0}
.mf-film-list article>div>a{font-weight:800;overflow-wrap:anywhere;font-size:14px}
.mf-film-list span{font:700 10px monospace;color:#5c8299}
.mf-film-list p{margin:0;font-size:12px;color:#63798a}
.mf-foot{max-width:1140px;margin:45px auto 0;border-top:1px solid #d5e2eb;color:#678091;font-size:12px;padding:20px 15px}
@media(max-width:950px){.mf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .mf-nav{padding:11px;gap:8px}.mf-wordmark{font-size:21px}.mf-wordmark small{display:none}
 .mf-nav nav{gap:9px}.mf-nav nav a{font-size:11px}
 .mf-main{padding:10px}.mf-hero{padding:20px}.mf-directory,.mf-profile,.mf-filmography{padding:13px;margin:17px 0}
 .mf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mf-film-list{grid-template-columns:minmax(0,1fr);gap:9px}
 .mf-film-list article{grid-template-columns:70px minmax(0,1fr);gap:9px}
 .mf-film-list img{width:70px}
}