/* Shared card framing stays fixed across models, highlights and breakpoints. */
#muscle-detail{--specimen-right:-20%;--specimen-bottom:-30%}
#muscle-detail .detail-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
#muscle-detail .detail-main{grid-column:span 2;display:flex;flex-direction:column;min-height:0}
#muscle-detail .detail-main .detail-tile-heading{position:relative;inset:auto;max-width:none;z-index:1}
#muscle-detail .detail-main .detail-visual{position:relative;inset:auto;width:100%;height:340px;min-height:0;margin:16px 0 0;padding:0 18px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:1 0 300px}
#muscle-detail .detail-main .detail-visual>img{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:340px;object-fit:contain;object-position:center;transform:none;mask-image:none;-webkit-mask-image:none}
#muscle-detail .detail-main .detail-visual::after{content:none}
#muscle-detail .detail-mini{display:flex;flex-direction:column;min-height:0;padding:24px 22px 0;gap:16px}
#muscle-detail .detail-mini>div{width:100%;max-width:none;position:relative}
#muscle-detail .detail-mini p{max-width:none}
#muscle-detail .detail-mini>img{position:static;inset:auto;width:100%;height:210px;max-width:100%;margin:auto 0 0;padding:0;object-fit:contain;object-position:center bottom;transform:none;mask-image:none;-webkit-mask-image:none;opacity:1;border-radius:0}
#muscle-detail .detail-mini::after{content:none}
@media(max-width:900px){
 #muscle-detail .detail-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 #muscle-detail .detail-main{grid-column:span 2}
 #muscle-detail .detail-format-card{grid-column:span 2;min-height:260px}
 #muscle-detail .detail-format-pair{width:100%;max-width:320px;margin:24px auto}
 #muscle-detail .detail-mini:last-child{grid-column:span 2}
}
@media(max-width:600px){
 #muscle-detail .detail-bento{grid-template-columns:1fr}
 #muscle-detail .detail-main,#muscle-detail .detail-format-card,#muscle-detail .detail-mini:last-child{grid-column:auto}
 #muscle-detail .detail-main .detail-visual{height:280px;flex-basis:260px;padding:0 12px}
 #muscle-detail .detail-main .detail-visual>img{max-height:280px}
 #muscle-detail .detail-mini>img{height:240px}
}

/* Cards 1, 3, 4 and 5: bleed specimens through the right and bottom edges. */
#muscle-detail .detail-main{position:relative;overflow:hidden}
#muscle-detail .detail-main .detail-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:visible}
#muscle-detail .detail-main .detail-visual>img{position:absolute;inset:auto var(--specimen-right) var(--specimen-bottom) auto;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:right bottom;transform:none}
#muscle-detail .detail-mini{position:relative;display:flex;min-height:320px;overflow:hidden}
#muscle-detail .detail-mini>div{z-index:1;width:60%;margin:0;align-self:flex-start}
#muscle-detail .detail-mini>img{position:absolute;inset:auto var(--specimen-right) var(--specimen-bottom) auto;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;object-position:right bottom;transform:none}
@media(max-width:600px){
 #muscle-detail .detail-mini{min-height:340px}
}