/* CA Video Player: minimal controls for YouTube embeds (progress, volume, full screen) */
.ca-ytc{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;padding:28px 12px 10px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);opacity:0;pointer-events:none;transition:opacity .2s}
.ca-video:hover .ca-ytc,.ca-video:focus-within .ca-ytc,.ca-video.ca-yt-paused .ca-ytc{opacity:1;pointer-events:auto}
@media (hover:none){.ca-ytc{opacity:1;pointer-events:auto}}
.ca-ytc .ca-ytc-btn{display:flex !important;align-items:center;justify-content:center;width:34px;height:34px;min-width:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:8px !important;background:transparent !important;box-shadow:none !important;color:#fff !important;cursor:pointer;flex-shrink:0;line-height:1 !important}
.ca-ytc .ca-ytc-btn:hover,.ca-ytc .ca-ytc-btn:focus-visible{background:rgba(255,255,255,.16) !important}
.ca-ytc svg{width:22px;height:22px;fill:currentColor;display:block}
.ca-ytc-vol{display:flex;align-items:center;gap:6px;flex-shrink:0}
.ca-ytc .ca-ytc-volr{width:0;opacity:0;margin:0;padding:0;accent-color:#fff;cursor:pointer;transition:width .2s,opacity .2s}
.ca-ytc-vol:hover .ca-ytc-volr,.ca-ytc .ca-ytc-volr:focus-visible{width:72px;opacity:1}
.ca-ytc-bar{flex:1;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:0}
.ca-ytc-track{position:relative;width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.35);transition:height .15s}
.ca-ytc-bar:hover .ca-ytc-track,.ca-ytc-bar:focus-visible .ca-ytc-track{height:6px}
.ca-ytc-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:#5fbf7f}
.ca-ytc-fill:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transform:scale(0);transition:transform .15s}
.ca-ytc-bar:hover .ca-ytc-fill:after,.ca-ytc-bar:focus-visible .ca-ytc-fill:after{transform:scale(1)}
.ca-video:fullscreen{border:0 !important;border-radius:0 !important;box-shadow:none !important;width:100% !important;height:100% !important;background:#000 !important}
.ca-video:fullscreen:before{display:none !important}
.ca-video:-webkit-full-screen{border:0 !important;border-radius:0 !important;box-shadow:none !important;width:100% !important;height:100% !important;background:#000 !important}
.ca-video:-webkit-full-screen:before{display:none !important}
/* 1.1.0: keep YouTube's own overlays (title, "More videos", logo) out of view.
   The player is three times taller than the box, so the video sits in the visible middle third
   and YouTube's top and bottom overlays are clipped by the box. */
.ca-video iframe.ca-yt-frame{top:-100% !important;height:300% !important}
/* Click layer: play/pause without YouTube's hover UI, plus our own paused screen */
.ca-video .ca-ytc-hit{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex !important;align-items:center;justify-content:center;width:100%;height:100%;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;cursor:pointer;transition:background-color .2s}
.ca-video.ca-yt-paused .ca-ytc-hit{background:rgba(16,26,20,.45) !important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ca-video .ca-ytc-hit:focus-visible{outline:3px solid #fff !important;outline-offset:-3px}
.ca-ytc-big{width:76px;height:76px;border-radius:50%;background:#fff;color:var(--ca-green,#388d54);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}
.ca-ytc-big svg{width:34px;height:34px;fill:currentColor;margin-left:4px;display:block}
.ca-video.ca-yt-ended .ca-ytc-big svg{margin-left:0}
.ca-video.ca-yt-paused .ca-ytc-big{opacity:1;transform:scale(1)}
@media (max-width:600px){.ca-ytc-big{width:60px;height:60px}.ca-ytc-big svg{width:28px;height:28px}}
/* 1.1.1: cover YouTube's zoomed preview image until the video starts */
.ca-video.ca-yt-loading .ca-ytc-hit{background:#101a14 !important}