.technical-video{width:min(960px,calc(100% - 28px));margin:36px auto 0;overflow:hidden;border-radius:12px;background:#081a2a;box-shadow:0 12px 32px #0b20331c}
.technical-video-screen{aspect-ratio:16/9;min-height:200px;background:#000}
.technical-video-screen iframe{display:block;width:100%;height:100%;border:0}
.technical-video-controls{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;color:#fff;opacity:0;pointer-events:none;transition:opacity .15s}
.technical-video:hover .technical-video-controls,.technical-video:has(:focus-visible) .technical-video-controls{opacity:1;pointer-events:auto}
.technical-video-controls button{border:1px solid #587183;border-radius:5px;background:#15374f;color:white;font:inherit;font-size:14px;padding:7px 10px;cursor:pointer;white-space:nowrap}
.technical-video-controls button:disabled{opacity:.5;cursor:wait}
.technical-video-controls input{accent-color:#ef7c20;min-width:0}
.technical-video-seek{flex:1;width:100%}.technical-video-volume{width:85px}
.technical-video-time{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.technical-video-error{color:white;padding:12px 18px;font-size:14px}.technical-video-error a{color:#8fd7ff;text-decoration:underline}
.technical-video:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;border-radius:0;margin:0}.technical-video:fullscreen .technical-video-screen{height:calc(100% - 56px);aspect-ratio:auto}
@media(hover:none){.technical-video .technical-video-controls{opacity:1;pointer-events:auto}}
@media(max-width:600px){.technical-video-controls{gap:7px;padding:8px;flex-wrap:wrap}.technical-video-seek{flex-basis:100%;order:5}.technical-video-volume{width:65px}.technical-video-time{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.technical-video-controls{transition:none}}