/* Version 4 demo presentation and legible actions on the dark section. */
.demo-section .demo-actions .button.outline{color:#eef3f8;border-color:#abb6c6}
.demo-section .demo-actions .button.outline:hover{background:#365b80;color:#fff}
.subtitle-options{padding:4px 16px 8px;font-size:14px;line-height:1.65}
.subtitle-options a{color:#eef3f8;text-underline-offset:3px}
.video-top{gap:12px;flex-wrap:wrap}

/* Keep all demonstration routes together above the player. */
.demo-section .demo-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.demo-section .demo-actions>.button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:48px;padding:13px 18px;font-size:14px;margin:0}.demo-section .demo-actions>p{flex-basis:100%;margin:0 0 16px}.demo-section .demo-actions .demo-capability-link{border-color:#abb6c6;color:#eef3f8}@media(max-width:600px){.demo-section .demo-actions>.button{flex:1 1 100%;white-space:normal;text-align:center}}