/* Original inline anatomy: one rendering system, no downloaded image assets. */
.muscle-intro, .muscle-missing, .muscle-disclaimer { margin: 0 0 var(--space-4); color: var(--text-secondary); font: 400 var(--type-caption)/1.6 var(--font-body); }
.muscle-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-3); margin-block: var(--space-4); }
.muscle-card { min-width: 0; border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); background: var(--bg-secondary); overflow: clip; }
.muscle-card > summary { display: block; padding: 0 0 var(--space-3); list-style: none; cursor: pointer; }
.muscle-card > summary::-webkit-details-marker { display: none; }
.muscle-card > summary::marker { content: ''; }
.muscle-card > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -3px; border-radius: var(--radius-sm); }
.muscle-card-art { position: relative; display: block; height: 158px; margin-bottom: var(--space-3); overflow: hidden; background: var(--bg-primary); }
.muscle-view-label { position: absolute; z-index: 1; top: var(--space-2); left: var(--space-2); color: var(--text-muted); font: 400 9px/1.4 var(--font-technical); letter-spacing: .1em; }
.muscle-illustration { --muscle-body: #20201f; --muscle-tissue: #353533; --muscle-line: #64645e; display: block; width: 100%; height: 100%; padding: var(--space-2) var(--space-1) 0; }
.muscle-card-art .anatomy-crop { display: block; width: 100%; height: 100%; padding: var(--space-3) var(--space-2) var(--space-2); overflow: hidden; }
.muscle-body { fill: var(--muscle-body); }
.muscle-contour { fill: none; stroke: var(--muscle-line); stroke-width: .75; opacity: .7; }
.muscle-tissue { fill: var(--muscle-tissue); stroke: var(--bg-primary); stroke-width: .8; stroke-linejoin: round; }
.muscle-fibres { fill: none; stroke: var(--muscle-line); stroke-width: .7; stroke-linecap: round; opacity: .65; }
.muscle-region.is-target .muscle-tissue { fill: var(--signal-red); fill-opacity: .9; stroke: var(--signal-red); stroke-width: .65; }
.muscle-region.is-target .muscle-fibres { stroke: var(--bg-primary); opacity: .55; }
.muscle-card-title, .muscle-card-role { display: block; margin-inline: var(--space-3); }
.muscle-card-title { min-height: 38px; color: var(--text-primary); font: 500 14px/1.35 var(--font-body); letter-spacing: -.01em; overflow-wrap: anywhere; }
.muscle-card-role { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-top: var(--space-1); color: var(--text-secondary); font: 400 11px/1.4 var(--font-body); }
.muscle-card-role .byke-icon { transition: transform var(--motion-micro) var(--ease-byke); }
.muscle-card[open] > summary { border-bottom: 1px solid var(--border-subtle); }
.muscle-card[open] { grid-column: 1 / -1; }
.muscle-card[open] > summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr; align-items: center; padding: 0; }
.muscle-card[open] .muscle-card-art { grid-column: 1; grid-row: 1 / 3; margin-bottom: 0; }
.muscle-card[open] .muscle-card-title { min-height: 0; align-self: end; font-size: 17px; }
.muscle-card[open] .muscle-card-role { align-self: start; margin-top: var(--space-2); }
.muscle-card[open] .muscle-card-role .byke-icon { transform: rotate(45deg); }
.muscle-card-detail { padding: var(--space-3); }
.muscle-card-detail p { margin: 0 0 var(--space-3); color: var(--text-secondary); font: 400 12px/1.6 var(--font-body); overflow-wrap: anywhere; }
.muscle-card[open] .muscle-card-detail p { font-size: 13px; }
.muscle-card-detail > :last-child { margin-bottom: 0; }
.muscle-card-detail strong, .muscle-card-detail .muscle-location { color: var(--text-primary); font-weight: 500; }
.muscle-card-detail h5 { margin: var(--space-4) 0 var(--space-2); color: var(--text-primary); font: 500 12px/1.45 var(--font-body); }
.muscle-card-detail .muscle-period { padding-top: var(--space-3); border-top: 1px solid var(--border-subtle); color: var(--text-muted); font-size: 11px; }
.muscle-volume > span { display: block; color: var(--text-secondary); font-size: 11px; }
.muscle-volume > strong { display: block; margin-block: var(--space-1); font: 600 26px/1.2 var(--font-display); }
.muscle-volume small { display: block; color: var(--text-secondary); font: 400 11px/1.5 var(--font-body); }
.muscle-contributions { padding: 0; margin: 0 0 var(--space-3); list-style: none; }
.muscle-contributions li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); padding-block: var(--space-2); border-bottom: 1px solid var(--border-subtle); color: var(--text-secondary); font: 400 12px/1.5 var(--font-body); overflow-wrap: anywhere; }
.muscle-contributions li strong { font-variant-numeric: tabular-nums; }
.muscle-card-detail .muscle-catalog-note { font-size: 11px; color: var(--text-muted); }
.muscle-disclaimer { margin-top: var(--space-4); font-size: 11px; }
@media (min-width: 600px) { .muscle-card-art { height: 195px; } .muscle-card-detail { padding: var(--space-4); } .muscle-card-detail p { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { .muscle-card-role .byke-icon { transition: none; } }