/* Accessible touch targets stay above the scrollable exercise sheet. */
#result-dialog,#video-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow:auto}
#result-dialog .result-page{display:block;max-height:none;overflow:visible;min-width:0}
#result-dialog .close,#video-dialog .close{
 position:sticky;top:8px;z-index:20;float:right;margin:8px 8px -64px 0;
 width:56px;height:56px;min-width:56px;min-height:56px;padding:0;
 display:grid;place-items:center;border:2px solid #d4b36b!important;border-radius:14px;
 background:#17261b!important;color:#fff!important;font-size:34px;line-height:1;
 cursor:pointer;touch-action:manipulation;box-shadow:0 2px 10px #0004;
}
#result-dialog .close:focus-visible,#video-dialog .close:focus-visible{outline:3px solid #fff;outline-offset:3px}
#result-dialog .result-hero{padding-top:80px;min-height:0}
#video-dialog .video-modal{padding-top:8px}
#video-dialog .video-modal>.eyebrow{padding-top:26px;padding-right:72px;min-height:56px}
#video-dialog .video-placeholder{height:auto;aspect-ratio:auto;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;background:#f5f3ec}
#video-dialog .video-placeholder>.anatomical-test-image{width:100%;height:auto;max-height:62dvh;object-fit:contain}
#video-dialog .pilot-video{width:100%;height:auto;max-height:62dvh;object-fit:contain}
#video-dialog #video-status{position:static;margin:0;padding:12px;background:#17261b;color:#f3eee1;text-shadow:none;font-size:11px;line-height:1.5}
#video-dialog #video-technical-meta:empty{display:none}
#video-dialog .gym-media-feedback{padding:24px 16px;color:#233423;background:#f5f3ec;text-align:center;font-size:15px;line-height:1.5;order:-1}
#video-dialog .gym-media-feedback[hidden]{display:none}
#video-dialog .is-media-loading>.anatomical-test-image,#video-dialog .is-media-error>.anatomical-test-image{display:none}
#video-dialog .pilot-video{pointer-events:none;background:#f5f3ec}
#video-dialog .pilot-video::-webkit-media-controls,
#video-dialog .pilot-video::-webkit-media-controls-enclosure,
#video-dialog .pilot-video::-webkit-media-controls-panel,
#video-dialog .pilot-video::-webkit-media-controls-overlay-play-button,
#video-dialog .pilot-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}
/* Keep the close control visible while the long result/guide content scrolls. */
@media(max-width:700px){
 #result-dialog>.result-page>.close,
 #video-dialog>.video-modal>.close,
 #guide-dialog>.guide-modal>.close{
  position:fixed;inset-block-start:max(14px,env(safe-area-inset-top));inset-inline-end:max(14px,env(safe-area-inset-right));
  z-index:1000;float:none;margin:0;
 }
}
@media(min-width:701px){#result-dialog .result-page{display:grid}#result-dialog .result-page>.close{grid-column:1/-1;justify-self:end;margin-bottom:-64px}}
