.category-tile>.category-name{display:flex;align-items:center;gap:9px}
.category-tile .category-name>span{font-size:13px;font-weight:700}
.category-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2ff;color:var(--blue)}
.category-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.category-tile.active .category-icon,.category-tile:hover .category-icon{background:rgba(255,255,255,.17);color:#fff}
.body-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:5px;max-width:300px;margin:18px auto}
.body-figures figure{min-width:0;margin:0}
.body-figures figcaption{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700}
.muscle-map-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.muscle-map-heading h3{margin:0}
.muscle-map .map-reset{min-height:44px;padding:6px 10px;background:#eef0ff;border:1px solid #cdd2f1;border-radius:10px;color:var(--blue);font:inherit;font-size:11px;cursor:pointer}
.muscle-map .body-figures{gap:14px;margin:20px auto;max-width:320px}
.muscle-map .map-selection{color:var(--blue);background:#f0f2fc;border-radius:10px;padding:10px 8px;font-size:12px;line-height:1.8;min-height:44px}
.map-muscle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0 18px}
.map-muscle-list button{min-width:0;min-height:44px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;padding:6px}
.map-muscle-list button:hover{border-color:var(--blue);background:#f0f2fc}
.map-muscle-list button.selected{border-color:var(--blue);background:var(--blue);color:white}
.muscle-map button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:680px){
  .category-tile>.category-name{gap:6px}
  .category-tile .category-name>span{font-size:11px}
  .category-icon{width:28px;height:28px;border-radius:8px}
  .category-icon svg{width:16px;height:16px}
  .body-figures{max-width:340px;gap:12px}
  .body-figures figcaption{font-size:13px}
  .body-layout{gap:24px}
  .body-layout>.muscle-map{padding:16px}
}


.musclemap-host{min-width:0;padding:16px 8px;border-radius:12px;margin:18px 0}
.musclemap-host svg{display:block;width:calc((100% - 18px)/2);max-width:200px;height:auto;flex:none}
.musclemap-host linearGradient[id$="-base"] stop:first-child{stop-color:#eef0fb}
.musclemap-host linearGradient[id$="-base"] stop:last-child{stop-color:#d9dff4}
.musclemap-host [data-part-id]{fill:#dfe4f7;stroke:#526294;stroke-width:.8px;vector-effect:non-scaling-stroke}
.musclemap-host [data-part-id][aria-pressed="true"]{fill:#c2410c;stroke:#4a1809;stroke-width:2px}
.musclemap-host [role="button"]:focus-visible{outline:3px solid var(--blue)!important;outline-offset:3px;stroke:var(--blue);stroke-width:2px}
@media(prefers-reduced-motion:reduce){.musclemap-host [data-part-id]{transition:none!important}}
.body-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}
.body-layout>.muscle-map{min-width:0;padding:18px}
.body-layout>div{min-width:0}
@media(max-width:900px) and (min-width:681px){
  .body-layout{grid-template-columns:280px minmax(0,1fr);gap:18px}
}
@media(max-width:680px){
  .body-layout{grid-template-columns:minmax(0,1fr);row-gap:24px}
  .body-layout>.muscle-map{padding:16px}
  .musclemap-host{max-width:440px;margin:16px auto}
  .map-muscle-list{gap:8px;margin:8px 0 12px}
}