.ct-shortcode:has(>.ecyv){width:100%;min-width:0;align-self:stretch}.ecyv{--navy:#0d315c;--blue:#287fb3;--gap:22px;--cols:4;max-width:1600px;width:100%;margin:40px auto;padding:28px 18px;background:#fff;color:var(--navy);font-family:Inter,Montserrat,Arial,sans-serif;box-sizing:border-box;min-width:0}.ecyv *{box-sizing:border-box}.ecyv__header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.ecyv .ecyv__header h2{margin:0;color:var(--navy);font:800 clamp(27px,2.8vw,44px)/1.16 Inter,Montserrat,Arial,sans-serif;letter-spacing:-.035em}.ecyv__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ecyv .ecyv__all{color:var(--blue);font-size:14px;font-weight:700;text-decoration:none;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}.ecyv__actions button{width:44px;height:44px;border:1.5px solid var(--navy);border-radius:50%;background:#fff;color:var(--navy);font:600 29px/1 Arial;cursor:pointer;padding:0}.ecyv__actions button:hover{background:#edf5fa}.ecyv__actions .ecyv__pause{width:auto;min-width:88px;border-radius:24px;padding:0 16px;background:var(--navy);color:#fff;font:700 13px Inter,Arial,sans-serif}.ecyv__actions .ecyv__pause:hover{background:#17477b}.ecyv__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols) - 1)*var(--gap))/var(--cols));gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bbceda #f5f8fa;padding:2px 0 16px;touch-action:pan-x pan-y}.ecyv__card{scroll-snap-align:start;min-width:0;background:#fff;margin:0}.ecyv .ecyv__card>a{color:var(--navy);text-decoration:none;display:flex;flex-direction:column;height:100%}.ecyv__image{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:14px;background:#edf3f7}.ecyv__image img{display:block;width:100%;height:100%;object-fit:cover}.ecyv__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:34px;border-radius:10px;background:#0d315cdd;color:white;font-size:18px;padding-left:2px;pointer-events:none}.ecyv .ecyv__card h3{font-size:16px;font-weight:700;line-height:1.4;margin:13px 0 12px;color:var(--navy);overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ecyv__cta{margin-top:auto;color:var(--blue);font-size:13px;line-height:1.5;font-weight:700}.ecyv a:hover h3{color:var(--blue)}.ecyv :is(a,button,[tabindex]):focus-visible{outline:3px solid #48b4bf;outline-offset:3px}.ecyv__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1199px){.ecyv{--cols:3}}@media(max-width:899px){.ecyv{--cols:2;--gap:16px}}@media(max-width:599px){.ecyv{--cols:1;padding:22px 16px;margin:24px auto}.ecyv__header{gap:12px}.ecyv__actions{width:100%;gap:8px}.ecyv .ecyv__all{margin-right:auto;padding-left:0;font-size:12px}.ecyv__actions .ecyv__pause{min-width:78px;padding:0 11px}.ecyv .ecyv__card h3{font-size:17px}.ecyv__image{border-radius:12px}}@media(prefers-reduced-motion:reduce){.ecyv__track{scroll-behavior:auto}}

.ecyv{color:#287fb3}.ecyv .ecyv__header h2,.ecyv .ecyv__card h3{color:#287fb3}.ecyv__actions button:not(.ecyv__pause){color:#287fb3}
