/* Connected governance tour on the UK Pension funds page. */
.connected-governance-video { width: 100%; max-width: 760px; margin: 0 auto 36px; }
.module-video { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(233,184,114,.35); border-radius: 20px; background: #281b2e; }
.module-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
.module-video-play { position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; max-width: calc(100% - 32px); padding: 12px 22px; border: 0; border-radius: 100px; background: #E9B872; color: #281b2e; font: inherit; font-size: 16px; font-weight: 600; line-height: 1.25; white-space: nowrap; cursor: pointer; box-shadow: 0 4px 24px rgba(0,0,0,.2); }
.module-video-play[hidden] { display: none; }
.module-video-play:hover { box-shadow: 0 0 0 4px rgba(233,184,114,.2); }
.module-video-play:focus-visible { outline: 3px solid white; outline-offset: 5px; }
.module-video-play svg { width: 20px; height: 20px; flex: none; }
.module-video-fallback { margin: 12px 0 0; color: #e3d9e3; font-size: 15px; }
.module-video-fallback a { color: #E9B872; text-decoration: underline; }
@media (max-width: 480px) {
  .module-video { border-radius: 14px; }
  .module-video-play { padding: 10px 16px; font-size: 13px; gap: 6px; }
}