/* Shared static exercise guide. Dialog behaviour stays with ARCUI. */
.sg-guide{margin:4px 0 24px;min-width:0}
.guide .sheet-head h2{overflow-wrap:anywhere}
.guide .sheet-head .icon-btn{flex-shrink:0}
.sg-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.sg-heading h3{font:inherit;font-size:1.125rem;font-weight:700;margin:0}
.sg-heading>span{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}
.sg-figure{margin:0}
.sg-art{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#0b121a;color:#f4f7fa}
.sg-art>img{display:block;width:100%;height:auto;max-width:100%}
.sg-art>img[hidden],.sg-position[hidden]{display:none}
.sg-position{position:absolute;left:12px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #ffffff24;border-radius:12px;background:#0b121aeb;font-size:.75rem;font-weight:600;line-height:1.4;pointer-events:none}
.sg-position b{font-size:.9375rem;color:#b9def7;font-variant-numeric:tabular-nums}
.sg-position-first{top:12px}.sg-position-second{top:calc(50% + 12px)}
.sg-figure figcaption{margin-top:10px;font-size:.75rem;line-height:1.6;color:var(--muted)}
.sg-art-fallback{padding:28px 20px;margin:0;line-height:1.6}
.sg-thumbnail{position:relative;display:block;width:100%;height:100%;min-height:76px;overflow:hidden;border-radius:12px;background:#0b121a}
.sg-thumbnail>img{display:block;width:100%;height:200%;object-fit:cover;object-position:center top;max-width:none}
.sg-thumbnail-hold>img{height:100%;object-fit:contain}
.sg-thumbnail>img[hidden]{display:none}
.sg-thumb-fallback:not([hidden]){display:block}
.lib-fig:has(.sg-thumbnail){aspect-ratio:4/3}
.bc-figs .sg-thumbnail{width:48px;height:42px;min-height:0;flex:none}
.sg-thumb-fallback{color:#f4f7fa;font-size:.75rem;padding:20px 8px;text-align:center}
@media(min-width:620px){.sg-position{left:18px;font-size:.875rem;padding:9px 12px}.sg-position-first{top:18px}.sg-position-second{top:calc(50% + 18px)}}
@media(max-width:360px){.sg-position{font-size:.6875rem;padding:5px 8px;gap:6px}}

/* Quality-reviewed technique cues for eight movement guides */
.sg-technique{--sg-blue:#1f5f8b;display:grid;gap:10px;margin:16px 0 6px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sg-technique{--sg-blue:#97ceee}}
:root[data-theme="dark"] .sg-technique{--sg-blue:#97ceee}
.sg-technique-step{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#1b1d20)}
.sg-technique-step>span{font-size:.9375rem;font-weight:800;color:var(--sg-blue);font-variant-numeric:tabular-nums}
.sg-technique-step p,.sg-technique-tip p{font-size:.8125rem;line-height:1.5;margin:0;color:var(--ink)}
.sg-technique-tip{padding:12px 14px;border-left:3px solid var(--sg-blue);background:rgba(130,175,225,.07);border-radius:0 10px 10px 0}
.sg-technique-tip strong{display:block;font-size:.75rem;margin-bottom:5px}