/* Five chapters; moving studies share the image library frame. */
.category-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.category-name{font-size:clamp(19px,2vw,27px)}
.poster video{display:block;width:100%;height:100%;object-fit:cover;background:#122432}
.motion-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-6px 0 28px;padding:15px 18px;border:1px solid var(--line);background:var(--paper2)}
.motion-tools[hidden]{display:none}
.motion-tools strong{display:block;font-size:13px;margin-bottom:4px}
.motion-tools p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
#motion-toggle,.motion-sync{flex:none;border:1px solid var(--ink);background:transparent;color:var(--ink);min-height:44px;padding:10px 14px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
#motion-toggle:hover,.motion-sync:hover{background:var(--ink);color:var(--paper)}
.motion-sync{margin:0 0 18px}
.motion-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:920px;margin:auto}
.motion-comparison figure{margin:0;min-width:0}
.motion-detail-video{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#122432}
.motion-comparison figcaption{font-size:14px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.motion-comparison h4{font-size:16px;margin:17px 0 8px}
.motion-comparison ul{padding-left:19px;margin:0}
.motion-comparison .related{margin-top:8px}
.motion-source{margin-top:28px}
.video-levels{display:flex;width:fit-content;max-width:100%;gap:4px;margin:0 0 20px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--paper2)}
.video-levels button{display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;border:1px solid transparent;background:transparent;padding:10px 16px;min-height:44px;font-size:13px;font-weight:650}
#video-levels button{border-radius:8px}
.video-levels button span{font-size:11px;font-weight:450;margin-left:8px;color:var(--muted)}
.video-levels button[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.video-levels button[aria-pressed=true] span{color:inherit;opacity:.8}
.video-levels button:hover:not([aria-pressed=true]){background:var(--paper)}
@media(max-width:390px){.video-levels{width:100%;gap:2px}.video-levels button{padding:9px 10px}.video-levels button span{margin-left:5px}}
@media(min-width:761px) and (max-width:1000px){.category-nav{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}.category-button{padding-block:16px}.category-name{font-size:23px}}
@media(max-width:760px){
 .category-nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0}
 .category-name{font-size:23px;min-height:0}.category-label{min-height:30px}.category-eyebrow{font-size:9px}
 .category-button{padding:18px 0}.category-caption{display:block;font-size:11px;margin-top:6px}
 .motion-tools{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}
 .motion-comparison{grid-template-columns:1fr;gap:28px;max-width:460px}
 .motion-comparison figcaption{font-size:13px}
}
@media(max-width:390px){.category-nav{column-gap:14px}.category-name{font-size:20px}.category-caption{font-size:10px}}