.anatomy-page { background:#080808; color:#f6f6f4; }
.anatomy-shell { width:min(1180px,calc(100% - 80px)); margin:0 auto; }
.anatomy-hero { min-height:520px; padding:150px clamp(22px,5vw,76px) 72px; display:grid; align-items:end; position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(118deg,rgba(8,8,8,.96),rgba(20,16,14,.88)),url('/pro-pounds-hero.webp') center/cover; }
.anatomy-hero::after { content:''; position:absolute; inset:auto 0 0; height:38%; background:linear-gradient(0deg,#080808,transparent); pointer-events:none; }
.anatomy-hero--compact { min-height:470px; }
.anatomy-hero-copy { width:min(820px,100%); position:relative; z-index:1; }
.anatomy-hero h1 { margin:22px 0 20px; font-size:clamp(42px,6vw,82px); line-height:.95; font-weight:900; letter-spacing:0; }
.anatomy-hero p,.anatomy-article p,.anatomy-article li,.anatomy-safety-note p { color:#b8b8be; font-size:14px; line-height:1.8; }
.anatomy-section { padding:84px 0; }
.anatomy-breadcrumb { margin-bottom:24px; display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#a7a7ad; font-size:11px; font-weight:800; text-transform:uppercase; }
.anatomy-breadcrumb a { color:#f6f6f4; }
.anatomy-breadcrumb i { color:#e60012; font-style:normal; }
.anatomy-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); margin-bottom:80px; }
.anatomy-sex-card { min-height:420px; padding:28px; display:grid; align-content:end; gap:14px; position:relative; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#0f0f11; }
.anatomy-sex-card::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,8,8,.92),transparent 70%); pointer-events:none; }
.anatomy-sex-card img { position:absolute; inset:18px 18px auto auto; width:min(52%,260px); max-height:310px; object-fit:contain; opacity:.86; filter:drop-shadow(0 18px 34px rgba(0,0,0,.45)); }
.anatomy-sex-card span,.anatomy-directory-card span,.anatomy-muscle-card small,.anatomy-references h2 { color:#e60012; font-size:10px; font-weight:900; letter-spacing:1.4px; text-transform:uppercase; }
.anatomy-sex-card strong { max-width:340px; color:#fff; position:relative; z-index:1; font-size:clamp(24px,3vw,42px); line-height:1.05; }
.anatomy-sex-card span { position:relative; z-index:1; }
.anatomy-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.anatomy-directory-card { min-height:230px; padding:24px; display:flex; flex-direction:column; gap:12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#0e0e10; transition:background .2s,border-color .2s,transform .2s; }
.anatomy-directory-card:hover,.anatomy-directory-card:focus-visible,.anatomy-muscle-card:hover,.anatomy-muscle-card:focus-visible { background:#141416; border-color:rgba(230,0,18,.5); transform:translateY(-2px); outline:0; }
.anatomy-directory-card strong { color:#fff; font-size:24px; line-height:1.1; }
.anatomy-directory-card small { color:#9d9da4; font-size:13px; line-height:1.7; }
.anatomy-atlas-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.anatomy-muscle-card { min-height:182px; padding:18px; display:grid; grid-template-columns:86px minmax(0,1fr); gap:16px; align-items:center; border:1px solid var(--line); border-radius:4px; background:#101012; transition:background .2s,border-color .2s,transform .2s; }
.anatomy-card-media { width:86px; height:112px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:4px; background:#080808; overflow:hidden; }
.anatomy-card-media img { width:82px; height:108px; object-fit:contain; }
.anatomy-muscle-card strong { display:block; margin-bottom:8px; color:#fff; font-size:20px; line-height:1.1; }
.anatomy-muscle-card small { display:block; color:#9d9da4; line-height:1.5; }
.anatomy-safety-note { margin-top:28px; padding:24px; border-left:3px solid #e60012; background:#101012; }
.anatomy-safety-note strong { display:block; margin-bottom:8px; color:#fff; font-size:16px; }
.anatomy-article { padding:146px 0 84px; }
.anatomy-article-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,380px); gap:42px; align-items:end; padding-bottom:42px; border-bottom:1px solid var(--line); }
.anatomy-article-header h1 { margin:12px 0 16px; font-size:clamp(42px,6vw,78px); line-height:.95; font-weight:900; letter-spacing:0; }
.anatomy-visual-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.anatomy-visual-pair:empty { display:none; }
.anatomy-visual-pair figure { min-height:220px; padding:16px; display:grid; align-content:end; justify-items:center; gap:8px; border:1px solid var(--line); background:#101012; }
.anatomy-visual-pair img { width:100%; height:170px; object-fit:contain; }
.anatomy-visual-pair figcaption { color:#a7a7ad; font-size:10px; font-weight:800; text-transform:uppercase; }
.anatomy-article section { padding:34px 0; border-bottom:1px solid var(--line); }
.anatomy-article h2 { margin-bottom:14px; color:#fff; font-size:28px; line-height:1.1; }
.anatomy-article h3 { margin:20px 0 10px; color:#fff; font-size:16px; }
.anatomy-article ul { padding-left:18px; }
.anatomy-related { display:flex; flex-wrap:wrap; gap:10px; }
.anatomy-related a { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:4px; color:#f6f6f4; font-size:11px; font-weight:900; text-transform:uppercase; }
.anatomy-related a:hover,.anatomy-related a:focus-visible { border-color:#e60012; outline:0; }
.anatomy-references ul { display:grid; gap:10px; list-style:none; padding:0; }
.anatomy-references a { color:#dedee2; text-decoration:underline; text-decoration-color:rgba(230,0,18,.7); text-underline-offset:4px; }

@media (max-width:1024px) {
    .anatomy-directory,.anatomy-atlas-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .anatomy-article-header { grid-template-columns:1fr; }
    .anatomy-visual-pair { width:min(520px,100%); }
}

@media (max-width:768px) {
    .anatomy-shell { width:calc(100% - 32px); }
    .anatomy-hero { min-height:460px; padding:126px 18px 54px; }
    .anatomy-section { padding:58px 0; }
    .anatomy-split,.anatomy-directory,.anatomy-atlas-grid { grid-template-columns:1fr; }
    .anatomy-split { margin-bottom:56px; }
    .anatomy-sex-card { min-height:340px; }
    .anatomy-sex-card img { width:min(48%,200px); max-height:250px; }
    .anatomy-article { padding:126px 0 58px; }
    .anatomy-muscle-card { min-height:154px; }
}

@media (max-width:430px) {
    .anatomy-shell { width:calc(100% - 24px); }
    .anatomy-hero h1,.anatomy-article-header h1 { font-size:clamp(36px,11vw,48px); }
    .anatomy-hero p,.anatomy-article p,.anatomy-article li,.anatomy-safety-note p { font-size:12px; }
    .anatomy-sex-card { padding:22px; }
    .anatomy-muscle-card { grid-template-columns:70px minmax(0,1fr); gap:12px; padding:14px; }
    .anatomy-card-media { width:70px; height:94px; }
    .anatomy-card-media img { width:66px; height:90px; }
    .anatomy-visual-pair { grid-template-columns:1fr; }
}