/* AMS skill video block v1 (Oct 4 2026). Pairs with ams-skill-video.js. */
.ams-skill-video{padding:48px 0}
.ams-skill-video__title{margin:0 0 18px;text-align:center}
.ams-skill-video__frame{position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.ams-skill-video__frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
.ams-skill-video__frame video::-webkit-media-controls,
.ams-skill-video__frame video::-webkit-media-controls-start-playback-button,
.ams-skill-video__frame video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
.ams-skill-video__sound{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ams-skill-video__sound:hover{background:rgba(0,0,0,.8)}
.ams-skill-video__sound:focus-visible{outline:3px solid #f5c400;outline-offset:2px}
.ams-skill-video__sound svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor}
.ams-skill-video__sound .ams-skill-video__on{display:none}
.ams-skill-video__sound.is-on .ams-skill-video__on{display:block}
.ams-skill-video__sound.is-on .ams-skill-video__off{display:none}
@media (max-width:767.98px){
  .ams-skill-video{padding:28px 0}
  .ams-skill-video__frame{aspect-ratio:9/16;max-height:85svh;max-width:calc(85svh * 9 / 16);border-radius:10px}
  /* bottom-left on phones so it never sits under the fixed chat bubble (bottom-right) */
  .ams-skill-video__sound{left:12px;right:auto}
}