/* Native radio/checkbox controls. No script, animation, network, or stored state. */
body[data-bw-content-remake] .bwm { margin: 1.2rem 0 2rem; padding: clamp(1rem, 3vw, 1.7rem); border: 1px solid #b8a9cf; border-radius: .8rem; background: #f4eef9; color: #211b30; }
.bwm, .bwm * { box-sizing: border-box; }
.bwm :is(p, label, legend, summary, button) { font-size: 1.125rem; line-height: 1.65; }
.bwm h3 { margin: 0 0 .6rem; font-size: 1.35rem; line-height: 1.3; }
.bwm fieldset { min-width: 0; margin: 1rem 0; padding: 0; border: 0; }
.bwm legend { font-weight: 700; margin-bottom: .65rem; }
.bwm-choice-row { display: flex; flex-wrap: wrap; gap: .65rem; }
.bwm-choice-row label { display: flex; align-items: center; gap: .5rem; padding: .55rem .8rem; min-height: 44px; border: 1px solid #867393; border-radius: .4rem; cursor: pointer; background: #fffefa; }
.bwm input { accent-color: #5b357c; width: 1.2rem; height: 1.2rem; flex: 0 0 auto; }
.bwm-choice-row label:has(input:checked) { background: #493066; color: #fff; border-color: #493066; }
.bwm :is(input, button, summary, a):focus-visible { outline: 3px solid #1b5672; outline-offset: 4px; }
.bwm button { color: #fff; background: #493066; border: 2px solid #493066; border-radius: .4rem; padding: .6rem 1rem; min-height: 44px; cursor: pointer; }
.bwm svg { display: block; width: 100%; height: auto; max-height: 25rem; background: #fffefa; border-radius: .5rem; }
.bwm-model-wrap { margin: 1rem 0; overflow: auto; }
.bwm-note { font-size: 1rem; color: #51445f; }
.bwm-readout { background: #fffefa; border-left: 4px solid #5b357c; padding: .8rem 1rem; min-height: 5.5rem; }
.bwm-state { display: none; }
.bwm:has([value="concentric"]:checked) [data-state="concentric"], .bwm:has([value="isometric"]:checked) [data-state="isometric"], .bwm:has([value="eccentric"]:checked) [data-state="eccentric"] { display: block; }
.bwm-figure { margin: 1.5rem 0; }
.bwm-figure img { display: block; width: 100%; height: auto; border: 1px solid #c6bccf; background: #fffefa; border-radius: .5rem; }
.bwm-figure figcaption { margin-top: .65rem; font-size: 1.125rem; line-height: 1.6; }
.bwm-figure summary { min-height: 44px; padding: .6rem 0; cursor: pointer; color: #493066; font-size: 1.125rem; }
.bwm-enlarged { overflow: auto; max-height: 75vh; border: 1px solid #867393; padding: .5rem; }
.bwm-enlarged img { width: 52rem; max-width: none; }
.bwm-reset-row { margin-top: .8rem; }
@media (prefers-reduced-motion: reduce) { .bwm * { scroll-behavior: auto; } }
@media (max-width: 420px) { .bwm { padding: 1rem .75rem; } .bwm-choice-row label { flex: 1 1 auto; } }
/* Native state changes are immediate. All explanations remain readable without CSS support. */
.bwm-model-wrap { overflow-x:auto; overscroll-behavior-inline:contain; }
.bwm svg { min-width:20rem; max-height:none; }
.bwm > svg { min-width:0; }
.mc-position-track { display:flex; align-items:center; justify-content:space-between; min-height:5rem; gap:1rem; border-block:1px solid #b8a9cf; margin:1rem 0; font-size:1.125rem; }
.mc-position-marker { color:#62428b; font-size:2rem; flex:1; text-align:left; }
@supports selector(:has(input:checked)) {
#mc-load-model :is(.mc-short,.mc-hold,.mc-long), #mc-sarcomere-model :is(.mc-space-start,.mc-space-middle,.mc-space-end), #mc-cycle-model :is(.mc-cycle-attach,.mc-cycle-stroke,.mc-cycle-adp,.mc-cycle-atp,.mc-cycle-cock), #mc-torque-model :is(.mc-arm-near,.mc-arm-far), #mc-barrier-model :is(.mc-position-ease,.mc-position-barrier), #mc-target-model :is(.mc-recruit-biceps,.mc-recruit-triceps) { display:none; }
#mc-load-model:has([value="shorten"]:checked) .mc-short, #mc-load-model:has([value="hold"]:checked) .mc-hold, #mc-load-model:has([value="lengthen"]:checked) .mc-long { display:block; }
#mc-load-model #mc-active-unit { transform-origin:160px 58px; }
#mc-load-model:has([value="shorten"]:checked) #mc-active-unit { transform:scaleY(.72); }
#mc-load-model:has([value="shorten"]:checked) #mc-supported-load { transform:translateY(-35.56px); }
#mc-load-model:has([value="hold"]:checked) #mc-active-unit { transform:scaleY(1); }
#mc-load-model:has([value="hold"]:checked) #mc-supported-load { transform:translateY(0); }
#mc-load-model:has([value="lengthen"]:checked) #mc-active-unit { transform:scaleY(1.17); }
#mc-load-model:has([value="lengthen"]:checked) #mc-supported-load { transform:translateY(21.59px); }
#mc-sarcomere-model:has([value="start"]:checked) .mc-space-start, #mc-sarcomere-model:has([value="middle"]:checked) .mc-space-middle, #mc-sarcomere-model:has([value="end"]:checked) .mc-space-end { display:block; }
#mc-sarcomere-model:has([value="middle"]:checked) #mc-thin-left { transform:translateX(20px); }
#mc-sarcomere-model:has([value="middle"]:checked) #mc-thin-right { transform:translateX(-20px); }
#mc-sarcomere-model:has([value="end"]:checked) #mc-thin-left { transform:translateX(40px); }
#mc-sarcomere-model:has([value="end"]:checked) #mc-thin-right { transform:translateX(-40px); }
#mc-hzone { transform-origin:160px 50px; }
#mc-sarcomere-model:has([value="middle"]:checked) #mc-hzone { transform:scaleX(.5); }
#mc-sarcomere-model:has([value="end"]:checked) #mc-hzone { transform:scaleX(0); }
#mc-cycle-model:has([value="attach"]:checked) .mc-cycle-attach, #mc-cycle-model:has([value="stroke"]:checked) .mc-cycle-stroke, #mc-cycle-model:has([value="adp"]:checked) .mc-cycle-adp, #mc-cycle-model:has([value="atp"]:checked) .mc-cycle-atp, #mc-cycle-model:has([value="cock"]:checked) .mc-cycle-cock { display:block; }
#mc-myosin-head { transform-origin:90px 192px; }
#mc-cycle-model:has([value="stroke"]:checked) #mc-myosin-head, #mc-cycle-model:has([value="adp"]:checked) #mc-myosin-head { transform:rotate(-32deg); }
#mc-cycle-model:has([value="stroke"]:checked) #mc-actin-track, #mc-cycle-model:has([value="adp"]:checked) #mc-actin-track, #mc-cycle-model:has([value="atp"]:checked) #mc-actin-track, #mc-cycle-model:has([value="cock"]:checked) #mc-actin-track { transform:translateX(-65px); }
#mc-cycle-model:has([value="atp"]:checked) #mc-myosin-head { transform:rotate(-32deg) translateY(30px); }
#mc-cycle-model:has([value="cock"]:checked) #mc-myosin-head { transform:translateY(30px); }
#mc-torque-model:has([value="near"]:checked) .mc-arm-near, #mc-torque-model:has([value="far"]:checked) .mc-arm-far { display:block; }
#mc-torque-model:has([value="far"]:checked) #mc-force-position { transform:translateX(123px); }
#mc-barrier-model:has([value="ease"]:checked) .mc-position-ease, #mc-barrier-model:has([value="barrier"]:checked) .mc-position-barrier { display:block; }
#mc-barrier-model:has([value="barrier"]:checked) .mc-position-marker { text-align:right; }
#mc-target-model:has([value="biceps"]:checked) .mc-recruit-biceps, #mc-target-model:has([value="triceps"]:checked) .mc-recruit-triceps { display:block; }
#mc-target-model:has([value="triceps"]:checked) #mc-biceps-symbol { fill:#b9b1c1; stroke:#867393; }
#mc-target-model:has([value="triceps"]:checked) #mc-triceps-symbol { fill:#62428b; stroke:#493066; }
}
.bwm-step { margin:.7rem 0; padding:.65rem .8rem; border-left:3px solid #a995bf; background:#faf7fd; }
.bwm-step summary { min-height:44px; padding:.3rem 0; cursor:pointer; font-weight:600; }
.bwm-step p { margin:.5rem 0 0; }
.bwm-option-path { margin:1rem 0 1.5rem; }
.bwm-option-path > p:first-child { font-weight:700; }
.bwm-summary { padding:1rem; background:#f4eef9; border:1px solid #b8a9cf; color:#211b30; }
.bwm-case-source { font-size:1.125rem; }
.bwm-figure a { display:block; }
.bwm-figure figcaption a { display:inline; }
.bwm-figure img { min-width:0; }
.bwm form, .bwm fieldset { max-width:100%; }
@media (prefers-color-scheme:dark) { body[data-bw-content-remake] .bwm { color-scheme:light; } }
@media print { .bwm [class*="mc-"] { display:block!important; } .bwm input, .bwm button { display:none; } .bwm-step { break-inside:avoid; } }
/* Keep labels readable instead of shrinking a wide diagram to phone width. */
.bwm-model-wrap { max-width:100%; overflow:auto; }
.bwm-model-wrap svg { min-width:22.5rem; }
.bwm-figure { max-width:100%; }
.bwm-figure > a { max-width:100%; overflow:auto; border-radius:.5rem; }
.bwm-figure > a > img { min-width:42.5rem; }
.bwm :is(fieldset, [data-native-readout]) { min-width:0; }
.bwm [data-native-readout] .bwm-readout { margin-top:.6rem; }
.bwm-choice-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.bwm-choice-row label { min-width:0; overflow-wrap:anywhere; }
.bwm :focus-visible { scroll-margin-top:10rem; }
.bwm-model-wrap:focus-visible { outline:3px solid #1b5672; outline-offset:3px; }
@media (min-width:700px) { .bwm-choice-row { display:flex; } }
body[data-muscle-native-learning] #overview :is(p,legend,label,summary), body[data-muscle-native-learning] .bwcr-sources p { font-size:1.125rem; line-height:1.65; }
body[data-muscle-native-learning] #overview :is(button,summary) { min-height:44px; }
@media (max-width:600px) {
 body[data-muscle-native-learning] :is(.bw26-study-map-panel,#mobile-navigation,#content-jump-panel) { position:fixed; left:16px; right:16px; width:auto; min-width:0; max-width:calc(100vw - 32px); box-sizing:border-box; }
 body[data-muscle-native-learning] :is(.bw26-study-map-panel,#mobile-navigation,#content-jump-panel) :is(a,div,section,details,summary,h2,small) { min-width:0; max-width:100%; box-sizing:border-box; overflow-wrap:anywhere; }
}
/* The grid collapses to one column when the reader enlarges text. */
.bwm-choice-row { grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr)); }
body[data-muscle-native-learning] #mobile-navigation { transform:none; }
/* Keep the myosin anchor fixed when the head releases and resets. */
#mc-cycle-model:has([value="atp"]:checked) #mc-myosin-head { transform:rotate(-32deg) scaleY(.78); }
#mc-cycle-model:has([value="cock"]:checked) #mc-myosin-head { transform:scaleY(.78); }
/* Inline enlargement remains in the lesson and returns focus to its native toggle. */
.bwm-image-scroll { max-width:100%; overflow:auto; border-radius:.5rem; }
.bwm-image-scroll img { min-width:42.5rem; }
.bwm-enlarge { margin-top:.65rem; }
.bwm-enlarge > summary { min-height:44px; padding:.65rem; border:1px solid #867393; border-radius:.4rem; cursor:pointer; }
.bwm-enlarged img { width:64rem; min-width:64rem; max-width:none; }
.bwm-enlarged { max-height:70vh; overflow:auto; margin-top:.75rem; background:#fffefa; }
.bwm-image-scroll:focus-visible,.bwm-enlarged:focus-visible,.bwm-enlarge>summary:focus-visible { outline:3px solid #1b5672; outline-offset:3px; }
.bwm-enlarged img { width:max(150%,64rem); }
/* Keep the whole native mechanism visible when reading text is enlarged. */
.bwm-model-wrap svg { min-width:0; width:100%; }
.bwm-model-wrap svg text { font-size:24px; }
.bwm-choice-row label { display:grid; grid-template-columns:1.2rem minmax(0,1fr); align-items:center; }
.bwm-image-scroll::before { content:"Scroll across to inspect the full diagram."; display:block; position:sticky; left:0; width:100%; padding:.5rem; box-sizing:border-box; background:#fffefa; color:#51445f; font-size:1.125rem; line-height:1.5; }
/* Preserve whole control words at 200% text; a long label may flow below its radio. */
.bwm-choice-row label { display:flex; flex-wrap:wrap; padding-inline:.35rem; gap:.25rem; overflow-wrap:normal; word-break:normal; }