.video-tutorial{border:2px solid var(--accent);scroll-margin-top:16px}.video-tutorial h2{margin-top:0}.video-tutorial video{display:block;width:100%;max-height:none;aspect-ratio:9/20;background:#10293b;border-radius:18px;margin:16px auto;object-fit:contain}.video-tutorial .choices button{flex:1;font-size:16px;min-height:52px;padding:10px}.video-tutorial label{display:flex;align-items:center;gap:12px;font-size:18px;padding:12px 0}.video-tutorial input{width:24px;height:24px;flex-shrink:0}.video-tutorial #videoCaption{min-height:72px;padding:16px;border-radius:12px;background:var(--bg);font-size:20px;line-height:1.6}.video-tutorial #videoChapters{display:grid;gap:8px}.video-tutorial #videoChapters button{justify-content:flex-start;text-align:left;font-size:17px}.video-tutorial #videoChapters button[aria-current=step]{border:2px solid var(--accent);color:var(--accent)}.video-tutorial .video-note{font-size:16px}.guide-destination{background:var(--bg);padding:16px;border-radius:14px;margin-top:18px}.guide-destination p{font-size:17px}@media(max-width:390px){main{padding:16px 12px 60px}section{padding:18px}.video-tutorial h2{font-size:24px}}
.video-tutorial video.is-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0;background:#07121d;object-fit:contain}.video-expanded-close{position:fixed;z-index:10001;right:16px;top:max(16px,env(safe-area-inset-top));border:1px solid white;border-radius:24px;color:white;background:#142d42;padding:12px 20px;font:600 18px sans-serif}.video-expanded-close[hidden]{display:none}
.video-tutorial .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.video-tutorial .choices button{font-size:17px;line-height:1.45}.video-tutorial #videoContinue{margin:12px 0 0}.video-tutorial #videoContinue[hidden]{display:none}
.video-tutorial #videoContinue.is-expanded-control{position:fixed;z-index:10002;left:50%;transform:translateX(-50%);bottom:max(76px,calc(env(safe-area-inset-bottom) + 60px));width:min(90vw,420px);box-shadow:0 6px 28px #0008}

.video-speed{flex-wrap:wrap}.video-speed select{font:inherit;max-width:100%;min-height:48px;border-radius:10px;padding:8px;background:var(--bg);color:var(--ink);border:1px solid var(--accent)}
/* Keep the dismiss control outside the recorded phone's top-right buttons. */
.video-tutorial video.is-expanded{top:max(76px,calc(env(safe-area-inset-top) + 60px));bottom:env(safe-area-inset-bottom);height:calc(100dvh - max(76px,calc(env(safe-area-inset-top) + 60px)) - env(safe-area-inset-bottom));box-shadow:0 0 0 100vmax #07121d}
.video-tutorial [hidden]{display:none!important}
