/* shared/css/video.css — the media videos (spec 2026-11-11 C5): the hero's "See how it works" button, its dialog and the
   "Video language" select. Colours come from the site (--btn and --on-btn, the colours of its filled buttons, else
   --accent; --text, --muted) with neutral fallbacks.
   The dialog is centred by its own margin:auto (a page reset such as *{margin:0} beats the browser's), and its width is
   capped by the viewport's height too, so the 16:9 video, its controls and the language row fit on a landscape phone
   (96px: the language row and a margin above and below). The vh line is the fallback for a browser without dvh. */
.videobtn{display:inline-flex;align-items:center;gap:10px;color:var(--text,#1d1d1f);text-decoration:none;font-size:15px;line-height:1.25}
.videobtn-play{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--btn,var(--accent,#e24e12));color:var(--on-btn,#fff);display:grid;place-items:center}
.videobtn-play svg{width:18px;height:18px;fill:currentColor;margin-left:2px}
.videobtn-text b{display:block;font-weight:600}
.videobtn-text small{display:block;color:var(--muted,#6e6e73);font-size:13px}
.videobtn:hover .videobtn-text b{text-decoration:underline}
.vid-modal{margin:auto;width:min(960px,calc(100vw - 24px),calc((100vh - 96px) * 16 / 9));width:min(960px,calc(100vw - 24px),calc((100dvh - 96px) * 16 / 9));max-width:none;padding:0;border:0;border-radius:16px;background:#000;color:#f5f5f7}
.vid-modal::backdrop{background:rgba(0,0,0,.72)}
.vid-modal video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:16px 16px 0 0}
.vid-close{position:absolute;top:8px;right:8px;z-index:1;width:36px;height:36px;border-radius:50%;border:0;background:rgba(245,245,247,.92);color:#1d1d1f;display:grid;place-items:center;cursor:pointer}
.vid-close svg{width:18px;height:18px}
.vid-modal .vid-lang{padding:10px 14px}
.vid-lang{display:flex;align-items:center;gap:8px;font-size:13px;color:inherit}
.vid-lang[hidden]{display:none}
.vid-lang select{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;padding:4px 8px}
.vid-lang option{color:#1d1d1f;background:#fff}