
.feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.feature-actions .read-link{margin-top:0}
.video-cta.button{font-family:inherit;background:transparent;color:var(--blue);border:1px solid var(--blue);border-radius:999px;cursor:pointer;gap:14px;min-height:49px;padding:13px 20px;white-space:nowrap;line-height:1.5}
.video-cta.button:hover{background:#edf3ff}
.video-cta svg,.video-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.video-cta:focus-visible,.video-close:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.reading-layout>aside>.video-cta{margin-top:20px;max-width:100%}
.video-dialog{width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:12px;background:#fff;color:var(--ink);overflow:auto}
.video-dialog::backdrop{background:rgb(10 20 16 / .78)}
.video-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.video-dialog-header h2{font:500 20px/1.3 Outfit,sans-serif;margin:0}
.video-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:transparent;border:0;border-radius:50%;color:var(--ink);cursor:pointer}
.video-close:hover{background:var(--ice)}
.video-dialog video{display:block;width:100%;max-height:calc(100dvh - 120px);aspect-ratio:16/9;background:#000}
.video-error{padding:12px 20px;font-size:14px}
body:has(.video-dialog[open]){overflow:hidden}
@media(max-width:420px){.feature-actions{gap:10px}.feature-actions .button{padding-inline:16px;gap:12px}.video-dialog-header h2{font-size:18px}}
