/* Scoped help media; native controls and captions appear after explicit play. */
.help-video{color:var(--ink);max-width:960px;margin:0 auto;min-width:0}
.help-video h2,.help-video summary{font-size:1.2rem;font-weight:650;line-height:1.4}
.help-video summary{cursor:pointer;padding:16px 0;min-height:48px}
.help-video-body{display:grid;gap:10px;padding-top:12px;min-width:0}
.help-video-frame{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:12px;background:#10111a}
.help-video video,.help-video-poster{display:block;width:100%;height:100%;object-fit:contain;background:#10111a}
.help-video-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;min-width:44px;min-height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#151623;color:#fff;box-shadow:0 3px 16px #0008;cursor:pointer}
.help-video video:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.help-video-play svg{width:30px;height:30px;pointer-events:none}
.help-video-play:hover{background:#1944cb}
.help-video-play:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 9px #151623}
.help-video-links{font-size:.85rem;line-height:1.4}
.help-video-links a{text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:4px 0}
.help-video-status:empty{display:none}
.help-video-status{font-size:.95rem;line-height:1.5}
.help-video:focus-within{scroll-margin-top:24px}
/* Secondary welcome media stays small beside the discovery controls. */
#intro-video-slot,#intro-video-slot:has(.help-video){grid-area:welcome;width:300px;max-width:100%;min-width:0;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
#intro-video-slot .help-video h2{font-size:1rem;line-height:1.4}
#intro-video-slot .help-video-links{font-size:.85rem}
#profile-help-slot:has(.help-video){padding:0 22px;margin-bottom:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
#profile-help-slot .help-video-body{padding:0 0 20px}
@media(max-width:800px){#intro-video-slot,#intro-video-slot:has(.help-video){width:min(300px,100%);margin:16px 0}#profile-help-slot:has(.help-video){padding:0 16px}.help-video summary{font-size:1.05rem}.help-video-play{width:56px;height:56px}}
@media(forced-colors:active){.help-video video:focus-visible{outline-color:Highlight}.help-video-play{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.help-video-play:focus-visible{outline-color:Highlight}}