/* heat-map.css — Muscle Heat Map page-specific styles */
.heat-map .topnav a{min-height:44px;display:inline-flex;align-items:center;}
.heat-map .back-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:var(--cy);text-decoration:none;font:600 .85rem var(--font-body);margin-bottom:20px;}
.heat-map .back-link:hover{text-decoration:underline;}
.heat-map .back-link:focus-visible{outline:2px solid var(--cy);outline-offset:3px;}
.heat-map .hm-controls{display:flex;gap:12px;margin-bottom:20px;}
.heat-map .hm-btn{padding:10px 18px;border-radius:var(--r-sm);font:700 .88rem var(--font-display);cursor:pointer;min-height:44px;transition:transform .1s;}
.heat-map .hm-btn:active{transform:scale(.98);}
.heat-map #hm-demo{background:var(--cy);color:#fff;border:none;}
.heat-map #hm-clear{background:transparent;border:1px solid var(--line-strong);color:var(--dim);}
.heat-map .hm-body-wrap{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;justify-content:center;}
.heat-map #hm-svg{width:300px;max-width:100%;height:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:12px;}
.heat-map .hm-part{cursor:pointer;transition:fill .3s,stroke .3s;}
.heat-map .hm-part:hover,.heat-map .hm-part:focus-visible{stroke:var(--cy);stroke-width:2;outline:none;}
.heat-map .hm-legend{display:flex;flex-direction:column;gap:6px;min-width:140px;}
.heat-map .hm-legend-bar{height:200px;width:20px;border-radius:6px;background:linear-gradient(to top,#2563eb,#e0b271,#e8615a);border:1px solid var(--line);}
.heat-map .hm-legend-labels{display:flex;justify-content:space-between;font:400 .72rem var(--font-mono);color:var(--dim);}
.heat-map .hm-detail{margin-top:20px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-height:80px;}
.heat-map .hm-detail h3{font:700 1rem var(--font-display);color:var(--ink);margin:0 0 8px;}
.heat-map .hm-detail .hm-stat{font:700 1.4rem var(--font-display);color:var(--cy);}
.heat-map .hm-detail .hm-exercises{margin-top:8px;font:400 .85rem var(--font-body);color:var(--dim);}
.heat-map .hm-detail .hm-recovery{margin-top:6px;font:400 .82rem var(--font-mono);color:var(--good);}