/* Reuses the site's Devices.css frame and colour tokens. */
.uah-service-page.uah-video-section{padding:0;margin-block:clamp(56px,8vw,112px)}
.uah-recordings{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}
.uah-recording{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.uah-recording figcaption{max-width:38ch;text-align:center;line-height:1.5}
.uah-service-page .uah-recording-phone{width:300px;--uah-phone-scale:.700934;overflow:visible;max-width:100%}
.uah-recording .device-screen{overflow:hidden;background:#10151b}
.uah-recording video{display:block;width:390px;height:830px;max-width:none;max-height:none;object-fit:contain;background:#10151b}
.uah-recording .device-screen img{display:block;width:390px;height:830px;object-fit:contain}
.uah-recording-note{max-width:34ch;text-align:center;font-size:13px;line-height:1.6}
.recording-dialog{position:fixed;inset:0;margin:auto;padding:16px;border:1px solid var(--ln2,#555);border-radius:16px;background:var(--bg,#111);color:var(--fg,#fff);max-width:min(720px,94vw);max-height:94dvh;overflow:auto;width:100%;z-index:10000}
.recording-dialog::backdrop{background:#000c}
.recording-dialog-head{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:12px}
.recording-dialog-head h2{font-size:18px!important;margin:0!important}
.uah-recording .recording-dialog video{width:100%;height:min(65dvh,680px);max-width:100%;object-fit:contain}
.uah-recording .recording-dialog .bo{min-width:0}
.uah-recording-pending{max-width:340px;padding:24px;border:1px solid var(--border,#444);border-radius:16px;align-self:center}
.uah-recording-pending p{line-height:1.6;margin-block:16px}
.uah-recording-browser{width:100%;max-width:680px;border:1px solid var(--ln2);border-radius:12px;overflow:hidden;background:var(--bg)}
.uah-recording .uah-recording-browser video,.uah-recording-browser img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:var(--media-ratio,8/5);object-fit:contain}
.uah-recording-wide{flex:1 1 460px;width:100%;max-width:680px}
.uah-recording .bo{min-height:44px;min-width:210px;justify-content:center}
.uah-recording [role=status]{min-height:1.5em;font-size:13px;max-width:38ch;text-align:center;margin:0}
.uah-recording .uah-video-details{max-width:38ch;font-size:13px;line-height:1.6;text-align:left}
.uah-recording .uah-video-details summary{font-size:14px;cursor:pointer;min-height:44px;display:flex;align-items:center}
.uah-recording .uah-video-details a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:380px){.uah-service-page .uah-recording-phone{width:268px;--uah-phone-scale:.626168}}
@media(max-width:767px){.recording-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:12px}.uah-recording .recording-dialog video{height:calc(100dvh - 140px)}.recording-dialog-head{gap:10px}.recording-dialog-head .bo{letter-spacing:0;font-size:13px;padding:10px;white-space:nowrap}.recording-dialog-head h2{flex:1}}
@media(prefers-reduced-motion:reduce){.uah-recording *{animation:none!important;transition:none!important}}

.uah-recording-compact{flex:0 1 420px;max-width:420px}
.media-source{padding-block:28px;border-bottom:1px solid var(--ln2);max-width:850px;overflow-wrap:anywhere}
.media-source p{line-height:1.7;margin-block:12px}
.media-source a{text-decoration:underline;text-underline-offset:3px}
.uah-recording .service-link{text-align:center;max-width:38ch;line-height:1.5;padding-block:10px}

@media(min-width:768px){.uah-recording-compact .recording-dialog{max-width:454px}.uah-recording-compact .recording-dialog video{height:auto;aspect-ratio:7/6;max-height:65dvh}}