/* 2026-10-10 15:36 IST - /exercises/ hub: the home exercise cards (balanced rows, linked card highlighted when it is the
   URL target) and the body-part library as a list beside its heading. Every rule scoped to body.pg-exercises. */
body.pg-exercises .exercises { --balance: 1; }
body.pg-exercises .ex:target { outline: 3px solid var(--accent); outline-offset: 4px; }
body.pg-exercises .exh-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 88px); align-items: start; }
body.pg-exercises .exh-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
body.pg-exercises .exh-part { display: grid; grid-template-columns: 128px minmax(0, 1fr) auto; align-items: center; gap: 22px; padding: 12px 26px 12px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-3); text-decoration: none; transition: border-color .2s, transform .2s; }
body.pg-exercises .exh-part:hover, body.pg-exercises .exh-part:focus-visible { border-color: var(--accent); transform: translateX(4px); }
body.pg-exercises .exh-part img { width: 128px; height: 88px; object-fit: cover; border-radius: 10px; }
body.pg-exercises .exh-part h3 { font-size: clamp(28px, 2.6vw, 38px); color: var(--text); }
body.pg-exercises .exh-blurb { display: block; margin-top: 4px; color: var(--muted); font-size: 15px; line-height: 1.45; }
body.pg-exercises .exh-part .svc-arrow { color: var(--accent); transition: transform .2s; }
body.pg-exercises .exh-part:hover .svc-arrow { transform: translateX(4px); }
@media (max-width: 1000px) { body.pg-exercises .exh-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) {
  body.pg-exercises .exh-part { grid-template-columns: 84px minmax(0, 1fr) auto; gap: 14px; padding-right: 16px; }
  body.pg-exercises .exh-part img { width: 84px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) { body.pg-exercises .exh-part, body.pg-exercises .exh-part .svc-arrow { transition: none; } }