/* site theme (Hello) styles every button and field; the approved preview had none of that: back to browser defaults, the library rules still win */
#mtl-vd :where(button,input,select,textarea){all:revert}


/* ===== everything below follows the site uniformity rules (site-uniformity) ===== */
#mtl-vd{--ink:#333;--ink-2:#5a5a5a;--mut:#8a8a8a;--au:#56668a;--line:#D5D8DC;--soft:#f6f2f8;--p:#702B7E;--n:#203A71;
  font-family:riflex,"Talent FS",system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
#mtl-vd *{box-sizing:border-box}
#mtl-vd [hidden]{display:none!important}
#mtl-vd button{font:inherit;border-radius:0!important}
#mtl-vd button:focus,#mtl-vd a:focus,#mtl-vd input:focus{outline:0;box-shadow:none}
#mtl-vd .wrap{max-width:1140px;margin:0 auto;padding:0 16px 50px}

/* page title: image with blue gradient, white title bottom right */
#mtl-vd .ttl{position:relative;min-height:260px;display:flex;align-items:flex-end;background:#203A71 center/cover no-repeat}
#mtl-vd .ttl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,26,52,0) 30%,rgba(32,58,113,.93) 100%)}
#mtl-vd .ttl .in{position:relative;z-index:1;width:100%;max-width:1140px;margin:0 auto;padding:0 16px 26px}
#mtl-vd .ttl h1{margin:0;color:#fff;font-size:54px;font-weight:600;line-height:1.1;text-align:right}
#mtl-vd .ttl p{margin:8px 0 0;color:#fff;opacity:.92;font-size:17px;max-width:720px}

/* section heading (style A): right, navy 24px 600, thin purple line after */
#mtl-vd .hd{display:flex;align-items:center;gap:14px;margin:36px 0 16px;color:var(--n);font-size:24px;font-weight:600;line-height:1.3}
#mtl-vd .hd::after{content:"";flex:1;height:1px;background:var(--p);opacity:.5}

/* arrow text link: purple 600, straight 2px underline, arrow ← ; a closing link sits on the left */
#mtl-vd .al{display:inline;border:0;background:linear-gradient(var(--p),var(--p)) left bottom/100% 2px no-repeat;padding:0 0 3px;color:var(--p);font-weight:600;font-size:16px;text-decoration:none;cursor:pointer}
#mtl-vd .al:hover,#mtl-vd .al:focus{color:var(--n);background-image:linear-gradient(var(--n),var(--n))}
#mtl-vd .end{text-align:left;margin-top:14px}

/* search box = site search */
#mtl-vd .box{max-width:820px;margin:26px auto 0;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--p);padding:4px}
#mtl-vd .box>svg{flex:0 0 22px;width:22px;height:22px;color:var(--p);margin-right:10px}
#mtl-vd .box input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:19px;padding:10px 0;background:transparent;color:var(--ink)}
#mtl-vd .box input::placeholder{color:#8d8595}
#mtl-vd .box .clr{border:0;background:none;color:var(--mut);width:32px;height:36px;font-size:22px;cursor:pointer}
#mtl-vd .box .go{border:0;background:var(--p);color:#fff;font-size:18px;padding:10px 26px;cursor:pointer;white-space:nowrap}
#mtl-vd .box .go:hover,#mtl-vd .box .go:focus,#mtl-vd .box .go:active{background:#5d2169;color:#fff}

/* tabs = .vk-tabs (the one tab look of the site) */
#mtl-vd .vk-tabs{display:flex;gap:4px;background:var(--soft);padding:4px}
#mtl-vd .vk-tabs button{flex:1;position:relative;border:0;background:none;color:var(--n);font-size:17px;font-weight:400;padding:9px 6px;cursor:pointer}
#mtl-vd .vk-tabs button:hover,#mtl-vd .vk-tabs button:focus{background:rgba(255,255,255,.55);color:var(--n)}
#mtl-vd .vk-tabs button[aria-selected="true"]{background:#fff;color:var(--p);box-shadow:0 1px 4px rgba(0,0,0,.12)}
#mtl-vd .vk-tabs button:disabled{opacity:.4;cursor:default;background:none}
#mtl-vd .filt{max-width:820px;margin:14px auto 0}
#mtl-vd .st{margin:16px 0 0;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:15px;color:var(--mut)}
#mtl-vd .st b{color:var(--ink);font-weight:600}

/* series tiles = homepage category carousel (16/10, purple gradient, 4 in a row, 14px gap) */
#mtl-vd .car{position:relative;margin:0 34px}
#mtl-vd .tiles{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 3px 10px}
#mtl-vd .tiles::-webkit-scrollbar{display:none}
#mtl-vd .tile{position:relative;display:block;flex:0 0 calc((100% - 42px)/4);aspect-ratio:16/10;scroll-snap-align:start;border:0;padding:0;background:#ddd;cursor:pointer;overflow:hidden;box-shadow:0 4px 14px rgba(40,18,52,.16);transition:transform .25s,box-shadow .25s}
#mtl-vd .tile:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(40,18,52,.28)}
#mtl-vd .tile .ci{position:absolute;inset:0;background:#eee center/cover no-repeat;transition:transform .5s}
#mtl-vd .tile:hover .ci{transform:scale(1.07)}
#mtl-vd .tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,20,48,0) 30%,rgba(58,22,70,.5) 62%,rgba(92,33,106,.92) 100%)}
#mtl-vd .tile .cl{position:absolute;right:14px;left:14px;bottom:14px;z-index:1;text-align:right;color:#fff;font-size:20px;font-weight:600;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.25)}
#mtl-vd .tile .cl small{display:block;margin-top:4px;font-size:13.5px;font-weight:400;opacity:.9}
#mtl-vd .car .ar{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:30px;height:44px;border:0;background:none;color:var(--p);cursor:pointer;display:grid;place-items:center;padding:0}
#mtl-vd .car .ar svg{width:22px;height:22px}
#mtl-vd .car .arR{right:-34px}
#mtl-vd .car .arL{left:-34px}

/* video cards = site cards (.r) */
#mtl-vd .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 26px;padding:6px}
#mtl-vd .r{display:flex;flex-direction:column;text-align:right;border:0;font:inherit;cursor:pointer;text-decoration:none;color:var(--ink);background:#fff;box-shadow:0 0 10px rgba(0,0,0,.35);padding:14px;transition:box-shadow .15s}
#mtl-vd .r:hover{box-shadow:0 0 16px rgba(0,0,0,.45)}
#mtl-vd .r .im{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#f3eef5 center/cover no-repeat}
#mtl-vd .r .im::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;transition:transform .6s ease}
#mtl-vd .r:hover .im::before{transform:scale(1.07)}
#mtl-vd .r .im>*{z-index:1}
#mtl-vd .r .pl{position:absolute;bottom:12px;left:10px;background:var(--p);color:#fff;font-size:15px;padding:2px 12px;direction:ltr}
#mtl-vd .r .tg{position:absolute;top:10px;right:10px;background:var(--p);color:#fff;font-size:13px;padding:1px 10px}
#mtl-vd .r b{position:relative;display:block;font-size:17px;font-weight:600;line-height:1.4;color:var(--p);margin-top:12px;padding-left:24px}
#mtl-vd .r b::after{content:"←";position:absolute;left:0;top:0;color:var(--p);font-weight:400;opacity:0;transform:translateX(6px);transition:opacity .15s,transform .15s}
#mtl-vd .r:hover b::after{opacity:1;transform:none}
#mtl-vd .r .au{display:block;margin-top:3px;font-size:14.5px;line-height:1.4;color:var(--au)}
#mtl-vd .r .ft{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px;color:var(--n);font-size:15px;font-weight:600}
#mtl-vd .r .ft svg{width:20px;height:18px}
#mtl-vd .r .ft i{width:1px;height:12px;background:#999}
#mtl-vd .empty{color:var(--mut);padding:20px 0}

/* watching */
#mtl-vd .crumb{margin:18px 0 0}
#mtl-vd .lay{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;margin-top:18px}
#mtl-vd .lay.one{grid-template-columns:minmax(0,1fr)}
#mtl-vd .stage{position:relative;aspect-ratio:16/9;background:#101522;overflow:hidden;margin-top:10px}
#mtl-vd .stage video,#mtl-vd .stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
#mtl-vd .facade{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:#000 center/cover no-repeat}
#mtl-vd .facade .play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;background:var(--p);display:grid;place-items:center}
#mtl-vd .facade .play::after{content:"";border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff;margin-left:5px}
#mtl-vd .ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--mut)}
#mtl-vd .ctrl .g{display:flex;align-items:center;gap:4px}
#mtl-vd .ctrl .g button{border:1px solid var(--line);background:#fff;color:var(--n);padding:3px 10px;cursor:pointer;direction:ltr;font-size:15px}
#mtl-vd .ctrl .g button:hover,#mtl-vd .ctrl .g button:focus{border-color:var(--p);color:var(--p);background:#fff}
#mtl-vd .ctrl .g button[aria-pressed="true"]{border-color:var(--p);color:var(--p)}
#mtl-vd .note{margin:14px 0 0;padding:10px 0;border-top:1px solid rgba(112,43,126,.45);border-bottom:1px solid rgba(112,43,126,.45);font-size:15px;color:var(--ink-2)}
#mtl-vd .note b{color:var(--p)}
#mtl-vd .now{margin:18px 0 0;font-size:15px;color:var(--au)}
#mtl-vd .vt{margin:2px 0 0;font-size:28px;font-weight:600;color:var(--n);line-height:1.3}
#mtl-vd .vs{margin:4px 0 0;color:var(--au);font-size:15.5px}
#mtl-vd .vd{margin:10px 0 0;color:var(--ink-2);max-width:760px}
#mtl-vd .pn{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:18px 0 0}
#mtl-vd .pn .nx{margin-right:auto}
/* episode list: thin grey frame, grey lines, current item purple */
#mtl-vd .eps{border:1px solid var(--line);background:#fff}
#mtl-vd .eps .eh{padding:12px 16px;color:var(--n);font-size:18px;font-weight:600;border-bottom:1px solid var(--line)}
#mtl-vd .eps ol{list-style:none;margin:0;padding:0}
#mtl-vd .eps li+li{border-top:1px solid var(--line)}
#mtl-vd .eps button{display:flex;gap:10px;width:100%;align-items:baseline;border:0;background:#fff;text-align:right;padding:10px 16px;cursor:pointer;color:var(--ink)}
#mtl-vd .eps button:hover,#mtl-vd .eps button:focus{background:var(--soft);color:var(--ink)}
#mtl-vd .eps .n{flex:0 0 18px;color:var(--mut);font-size:14px}
#mtl-vd .eps .t{flex:1;font-size:15.5px;line-height:1.4}
#mtl-vd .eps .t small{display:block;color:var(--au);font-size:13.5px}
#mtl-vd .eps .d{color:var(--mut);font-size:13px;direction:ltr}
#mtl-vd .eps li[aria-current="true"] button{background:var(--soft)}
#mtl-vd .eps li[aria-current="true"] .t{color:var(--p);font-weight:600}
#mtl-vd .eps li[aria-current="true"] .n{color:var(--p)}

@media (max-width:900px){
  #mtl-vd .grid{grid-template-columns:repeat(2,1fr)}
  #mtl-vd .lay{grid-template-columns:minmax(0,1fr)}
  #mtl-vd .tile{flex-basis:calc((100% - 14px)/2)}
}
@media (max-width:640px){
  #mtl-vd .ttl{min-height:200px}
  #mtl-vd .ttl h1{font-size:36px}
  #mtl-vd .box input{font-size:16px;padding-right:8px}
  #mtl-vd .box>svg{display:none}
  #mtl-vd .box .go{padding:9px 12px;font-size:15px}
  #mtl-vd .grid{grid-template-columns:1fr;gap:22px;padding:4px}
  #mtl-vd .car{margin:0}
  #mtl-vd .car .ar{display:none}
  #mtl-vd .tile{flex-basis:78%}
  #mtl-vd .vk-tabs button{font-size:15px}
  #mtl-vd .vt{font-size:23px}
}

/* video cards: thumbnail first (no article frame), clear play button, duration, watched bar */
#mtl-vd .vcard{display:block;text-align:right;border:0;background:none;padding:0;font:inherit;cursor:pointer;color:var(--ink);min-width:0}
#mtl-vd .vcard .th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1d2233}
#mtl-vd .vcard .th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .3s}
#mtl-vd .vcard:hover .th img{transform:scale(1.05);filter:brightness(.8)}
#mtl-vd .vcard .th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,26,52,0) 55%,rgba(16,26,52,.55) 100%)}
#mtl-vd .vcard .pb{position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;background:rgba(112,43,126,.88);display:grid;place-items:center;transition:transform .2s,background .2s;box-shadow:0 4px 14px rgba(0,0,0,.3)}
#mtl-vd .vcard .pb::after{content:"";border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;margin-left:4px}
#mtl-vd .vcard:hover .pb{transform:scale(1.12);background:#702B7E}
#mtl-vd .vcard .du{position:absolute;z-index:2;left:8px;bottom:8px;background:rgba(16,20,34,.85);color:#fff;font-size:13.5px;padding:1px 8px;direction:ltr}
#mtl-vd .vcard .ep{position:absolute;z-index:2;right:8px;top:8px;background:var(--p);color:#fff;font-size:13px;padding:1px 9px}
#mtl-vd .vcard .wb{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.35)}
#mtl-vd .vcard .wb i{display:block;height:100%;background:var(--p);margin-right:auto}
#mtl-vd .vcard b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:16.5px;font-weight:600;line-height:1.4;color:var(--p)}
#mtl-vd .vcard:hover b{color:var(--n)}
#mtl-vd .vcard .au{display:block;margin-top:2px;font-size:14.5px;color:var(--au)}
#mtl-vd .vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}
/* a series = a row: heading line, count, "to the series" link on the left, carousel of its episodes */
#mtl-vd .srow{margin-top:8px}
#mtl-vd .srow .meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:-6px 0 12px;color:var(--au);font-size:15px}
#mtl-vd .rcar{position:relative;margin:0 34px}
#mtl-vd .rtrack{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 6px}
#mtl-vd .rtrack::-webkit-scrollbar{display:none}
#mtl-vd .rtrack .vcard{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}
#mtl-vd .rcar .ar{position:absolute;z-index:3;top:28%;width:30px;height:44px;border:0;background:none;color:var(--p);cursor:pointer;display:grid;place-items:center;padding:0}
#mtl-vd .rcar .ar svg{width:22px;height:22px}
#mtl-vd .rcar .arR{right:-34px}
#mtl-vd .rcar .arL{left:-34px}
@media (max-width:900px){#mtl-vd .vgrid{grid-template-columns:repeat(2,1fr)}#mtl-vd .rtrack .vcard{flex-basis:calc((100% - 18px)/2)}}
@media (max-width:640px){#mtl-vd .vgrid{grid-template-columns:1fr}#mtl-vd .rcar{margin:0}#mtl-vd .rcar .ar{display:none}#mtl-vd .rtrack .vcard{flex-basis:80%}}

/* info sits right under the player; the episode list is exactly as tall as the player column */
#mtl-vd .info{padding-top:12px}
#mtl-vd .info .now{margin:0;font-size:14.5px}
#mtl-vd .info .vt{margin:2px 0 0;font-size:24px}
#mtl-vd .info .vs{margin:2px 0 0}
#mtl-vd .info .vd{margin:6px 0 0}
#mtl-vd .info .vd:empty{display:none}
#mtl-vd .info .pn{margin:10px 0 0}
#mtl-vd .lay{align-items:stretch}
#mtl-vd .eps{display:flex;flex-direction:column;min-height:0;position:relative}
#mtl-vd .eps ol{flex:1 1 0;min-height:0;overflow-y:auto}
#mtl-vd .note{margin-top:22px}
@media (max-width:900px){#mtl-vd .eps ol{flex:none;max-height:none}}

/* player box = podcast player box (.pz-box): lilac frame, tab strip inside, platform icon squares */
#mtl-vd .vbox{background:var(--soft);padding:4px}
#mtl-vd .vbox .vtabs{background:transparent;padding:0;justify-content:flex-start}
#mtl-vd .vbox .vtabs>button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;padding:8px 16px}
#mtl-vd .vbox .vtabs svg{width:22px;height:22px;flex:0 0 auto}
#mtl-vd .vbox .vtabs .ic{--bc:#702B7E;display:grid;place-items:center;padding:6px 8px}
#mtl-vd .vbox .vtabs .ic svg{width:26px;height:26px;display:block}
#mtl-vd .vbox .vtabs .ic.yt:hover,#mtl-vd .vbox .vtabs .ic.yt:active,#mtl-vd .vbox .vtabs .ic.yt[aria-selected="true"]{--bc:#FF0000}
#mtl-vd .vbox .vtabs .ic[aria-selected="true"]{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#mtl-vd .vbox .stage{margin:4px 0 0}
#mtl-vd .vbox .ctrl{padding:8px 6px 4px;border:0}
/* "more videos" = one carousel row, like "עוד בנושא" in posts */
#mtl-vd #v-more-wrap .rtrack .vcard{flex-basis:calc((100% - 54px)/4)}
@media (max-width:900px){#mtl-vd #v-more-wrap .rtrack .vcard{flex-basis:calc((100% - 18px)/2)}}
@media (max-width:640px){
  #mtl-vd .vbox .vtabs{gap:2px;padding:3px}
  #mtl-vd .vbox .vtabs .ic{padding:5px}
  #mtl-vd .vbox .vtabs .ic svg{width:24px;height:24px}
  #mtl-vd .vbox .stage{margin-left:0;margin-right:0}
  #mtl-vd #v-more-wrap .rtrack .vcard{flex-basis:80%}
}

/* cards are buttons: keep their content at the top, whatever the row height */
#mtl-vd .rtrack,#mtl-vd .vgrid{align-items:start}
#mtl-vd .vcard{display:flex;flex-direction:column;justify-content:flex-start;align-self:start}

/* series tile: title, subtitle, count */
#mtl-vd .tile .cl .h1{display:block;font-size:22px;font-weight:600;line-height:1.15}
#mtl-vd .tile .cl .h2{display:block;margin-top:2px;font-size:15px;font-weight:400;line-height:1.3;opacity:.95}
#mtl-vd .tile .cl small{margin-top:6px;font-size:13px;opacity:.85}

/* ===== YouTube-style grid: 3 in a row, big thumbnails, no play overlay; a series is one card with a stack edge ===== */
#mtl-vd .vgrid.yt{grid-template-columns:repeat(3,1fr);gap:34px 22px}
#mtl-vd .vgrid.yt .vcard .pb{display:none}
#mtl-vd .vgrid.yt .vcard:hover .th img{filter:none}
#mtl-vd .vgrid.yt .vcard .th::after{display:none}
#mtl-vd .vcard .du{left:8px;bottom:8px;font-size:13.5px}
#mtl-vd .vgrid.yt .vcard b{font-size:17.5px;margin-top:12px}
#mtl-vd .vcard .mt{display:block;margin-top:2px;font-size:14.5px;color:var(--au)}
/* series card: two thin layers above the image (playlist stack) and a count badge */
#mtl-vd .scard .th{overflow:visible;margin-top:10px}
#mtl-vd .scard .th .stk1,#mtl-vd .scard .th .stk2{position:absolute;left:6%;right:6%;height:5px;background:#b9a4c2}
#mtl-vd .scard .th .stk1{top:-6px;left:4%;right:4%;background:#cdbcd4}
#mtl-vd .scard .th .stk2{top:-11px;left:8%;right:8%;background:#e3d8e8}
#mtl-vd .scard .th .imw{position:absolute;inset:0;overflow:hidden}
#mtl-vd .scard .cnt{position:absolute;z-index:2;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;background:rgba(16,20,34,.85);color:#fff;font-size:13.5px;padding:1px 8px}
#mtl-vd .scard .cnt svg{width:15px;height:15px}
#mtl-vd .scard .sub{display:block;margin-top:1px;font-size:14.5px;color:var(--au)}
#mtl-vd .scard .all{display:inline-block;margin-top:4px;font-size:14.5px;font-weight:600;color:var(--p)}
/* load more = the site's "go to full list" outline button */
#mtl-vd .more{text-align:center;margin:30px 0 0}
#mtl-vd .outb{border:1px solid var(--p);background:#fff;color:var(--p);font-size:16px;padding:10px 26px;cursor:pointer}
#mtl-vd .outb:hover,#mtl-vd .outb:focus,#mtl-vd .outb:active{background:var(--p);color:#fff}
@media (max-width:900px){#mtl-vd .vgrid.yt{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){#mtl-vd .vgrid.yt{grid-template-columns:1fr;gap:26px}}

/* round 5: series carousel on top; purple tags; YouTube label; see-through play; list as tall as its items */
#mtl-vd .rcar.yt .rtrack .vcard{flex:0 0 calc((100% - 36px)/3)}
#mtl-vd .rcar.yt .ar{top:32%}
#mtl-vd .vcard .du,#mtl-vd .scard .cnt{background:var(--p)}
#mtl-vd .vbox .vtabs .ic.yt{display:flex;gap:8px;padding:6px 12px}
#mtl-vd .vbox .vtabs .ic.yt span{font-size:16px;color:var(--n)}
#mtl-vd .facade .play{background:rgba(112,43,126,.55);transition:background .2s}
#mtl-vd .facade:hover .play{background:rgba(112,43,126,.85)}
#mtl-vd .lay{align-items:start}
#mtl-vd .eps ol{flex:none;overflow:visible}
#mtl-vd .nowrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
#mtl-vd .nowrow .pn{margin:0;display:flex;gap:18px}
#mtl-vd .nowrow .pn .nx{margin:0}
/* "more videos" cards = archive cards (no play overlay) */
#mtl-vd #v-more .vcard .pb{display:none}
#mtl-vd #v-more .vcard:hover .th img{filter:none}
#mtl-vd #v-more .vcard .th::after{display:none}
@media (max-width:900px){#mtl-vd .rcar.yt .rtrack .vcard{flex-basis:calc((100% - 18px)/2)}}
@media (max-width:640px){#mtl-vd .rcar.yt .rtrack .vcard{flex-basis:80%}#mtl-vd .vbox .vtabs .ic.yt span{font-size:15px}}

/* whole player + details on the lilac box, like the podcast player */
#mtl-vd .vbox .info{background:#fff;margin:4px 0 0;padding:14px 16px 16px}
#mtl-vd .vbox .ctrl{background:transparent}
@media (max-width:640px){#mtl-vd .vbox .info{padding:12px 12px 14px}}

/* never two X's in a search box: hide the browser's own clear button */
#mtl-vd input[type=search]::-webkit-search-cancel-button,#mtl-vd input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
/* sticky breadcrumb with reading line = the site's #mtl-rb */
#mtl-rb{position:fixed;left:0;right:0;top:0;z-index:9989;background:#fff;border-bottom:1px solid #ece6f0;box-shadow:0 4px 10px -8px rgba(32,58,113,.35);transform:translateY(-110%);opacity:0;transition:transform .2s,opacity .2s;pointer-events:none;direction:rtl;font-family:riflex,"Talent FS",system-ui,sans-serif}
#mtl-rb.on{transform:none;opacity:1;pointer-events:auto}
#mtl-rb b{display:block;max-width:1140px;margin:0 auto;padding:9px 24px 8px 110px;font:600 15px/1.3 riflex,"Talent FS",system-ui,sans-serif;color:#203A71;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtl-rb b a{color:#702B7E;text-decoration:none;font-weight:600;padding-bottom:2px;background:linear-gradient(#702B7E,#702B7E) left bottom/100% 1.5px no-repeat;cursor:pointer}
#mtl-rb i{position:absolute;right:0;bottom:-1px;height:3px;width:0;background:linear-gradient(270deg,#702B7E,#3C66C0);transition:width .15s linear}
#mtl-rb .rb-sh{position:absolute;left:max(16px,50% - 546px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;font:600 15px riflex,"Talent FS",system-ui,sans-serif;cursor:pointer;border:0;color:#702B7E;background:none;padding:0 0 2px}
#mtl-rb .rb-sh:hover{background:linear-gradient(#702B7E,#702B7E) left bottom/100% 2px no-repeat}
@media (max-width:767px){#mtl-rb b{padding-left:48px}#mtl-rb .rb-sh span{display:none}}
/* inside a video / series: post hero (purple gradient over the original series cover) */
#mtl-vd .phero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden}
#mtl-vd .phero .hbg{position:absolute;inset:0;background:#3a1646 center/cover no-repeat}
#mtl-vd .phero .hbg::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(32,20,48,.05) 20%,rgba(58,22,70,.55) 60%,rgba(92,33,106,.94) 100%)}
#mtl-vd .phero .in{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0 16px 34px}
#mtl-vd .phero .eyebrow{display:inline-block;border:0;cursor:pointer;color:#fff;font-size:17px;font-weight:600;letter-spacing:.02em;margin:0 0 10px;padding:0 0 3px;background:linear-gradient(#fff,#fff) left bottom/100% 2px no-repeat}
#mtl-vd .phero .eyebrow:hover,#mtl-vd .phero .eyebrow:focus{opacity:.85;color:#fff;background:linear-gradient(#fff,#fff) left bottom/100% 2px no-repeat}
#mtl-vd .phero h1{margin:0;color:#fff;font-size:54px;font-weight:600;line-height:1.15}
#mtl-vd .phero .meta{display:inline-flex;flex-wrap:wrap;align-items:center;background:rgba(255,255,255,.9);color:#203A71;padding:6px 14px 6px 16px;margin-top:16px;gap:6px 16px;max-width:100%;font-size:15px}
#mtl-vd .phero .meta .tag{background:#702B7E;color:#fff;padding:1px 10px}
#mtl-vd .phero .meta>:not(.tag)+*::before{content:"";display:inline-block;width:1px;height:14px;background:#a99fb6;margin-left:16px;vertical-align:middle}
#mtl-vd .sdesc{margin:22px 0 0;font-size:17px;color:var(--ink-2);max-width:820px}
#mtl-vd .sdesc:empty{display:none}
@media (max-width:640px){#mtl-vd .phero{min-height:320px}#mtl-vd .phero .in{padding:0 16px 20px}#mtl-vd .phero h1{font-size:36px}}

/* the "all videos" grid is exactly as wide as the series carousel (which leaves room for its arrows) */
#mtl-vd #v-grid,#mtl-vd #v-morewrap{margin-left:34px;margin-right:34px}
@media (max-width:640px){#mtl-vd #v-grid,#mtl-vd #v-morewrap{margin-left:0;margin-right:0}}

/* player extras: speed −/+, PiP, full screen, share from this minute, chapters, next-lesson countdown */
#mtl-vd .ctrl .g output{min-width:44px;text-align:center;color:var(--n);font-weight:600;direction:ltr}
#mtl-vd .ctrl .g button svg{display:block}
#mtl-vd .ctrl .al{font-size:15px}
#mtl-vd .chs{background:#fff;margin:4px 0 0;padding:10px 16px}
#mtl-vd .chs b{display:block;color:var(--n);font-size:16px;font-weight:600;margin-bottom:4px}
#mtl-vd .chs button{display:flex;gap:12px;width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:right;padding:8px 0;cursor:pointer;color:var(--ink);font-size:15px}
#mtl-vd .chs button:hover,#mtl-vd .chs button:focus{color:var(--p);background:#fff}
#mtl-vd .chs button span{color:var(--p);direction:ltr;min-width:52px;font-weight:600}
#mtl-vd .nextov{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(16,20,34,.82);color:#fff;text-align:center;padding:20px}
#mtl-vd .nextov p{margin:0;font-size:15px;opacity:.85}
#mtl-vd .nextov b{font-size:20px;font-weight:600;max-width:560px}
#mtl-vd .nextov .row{display:flex;gap:10px;margin-top:6px}
#mtl-vd .nextov .go{border:0;background:var(--p);color:#fff;font-size:17px;padding:9px 22px;cursor:pointer}
#mtl-vd .nextov .no{border:1px solid #fff;background:transparent;color:#fff;font-size:16px;padding:8px 20px;cursor:pointer}
#mtl-vd .nextov .go:hover,#mtl-vd .nextov .go:focus{background:#5d2169;color:#fff}
#mtl-vd .nextov .no:hover,#mtl-vd .nextov .no:focus{background:#fff;color:var(--n)}
#mtl-vd .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10000;background:var(--n);color:#fff;padding:8px 16px;font-size:15px}

/* our own control bar on the video (native controls off), like the podcast player */
#mtl-vd .stage video{cursor:pointer}
#mtl-vd .stage .bigplay{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;z-index:3;border:0;background:rgba(112,43,126,.55);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
#mtl-vd .stage .bigplay:hover,#mtl-vd .stage .bigplay:focus{background:rgba(112,43,126,.85);color:#fff}
#mtl-vd .stage .bigplay svg{width:34px;height:34px;margin-left:4px}
#mtl-vd .stage .resume{position:absolute;right:12px;top:12px;z-index:3}
#mtl-vd .stage .resume button{border:0;background:rgba(112,43,126,.9);color:#fff;font-size:15px;padding:6px 14px;cursor:pointer}
#mtl-vd .stage .vbar{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:26px 12px 8px;background:linear-gradient(180deg,rgba(16,20,34,0),rgba(16,20,34,.78));color:#fff;opacity:0;transition:opacity .25s;font-family:riflex,"Talent FS",system-ui,sans-serif}
#mtl-vd .stage.awake .vbar,#mtl-vd .stage:not(.playing) .vbar{opacity:1}
#mtl-vd .stage.playing:not(.awake){cursor:none}
#mtl-vd .vbar .seek{position:relative;height:16px;margin:0 2px 4px}
#mtl-vd .vbar .seek::before,#mtl-vd .vbar .buf,#mtl-vd .vbar .done{content:"";position:absolute;left:0;top:6px;height:4px}
#mtl-vd .vbar .seek::before{right:0;background:rgba(255,255,255,.28)}
#mtl-vd .vbar .buf{background:rgba(255,255,255,.45)}
#mtl-vd .vbar .done{background:#b77bc4}
#mtl-vd .vbar input[type=range]{position:absolute;inset:0;width:100%;margin:0;opacity:0;cursor:pointer}
#mtl-vd .vbar .row{display:flex;align-items:center;gap:4px}
#mtl-vd .vbar button{border:0;background:none;color:#fff;width:36px;height:34px;display:grid;place-items:center;cursor:pointer;padding:0}
#mtl-vd .vbar button:hover,#mtl-vd .vbar button:focus{background:rgba(255,255,255,.14);color:#fff}
#mtl-vd .vbar button svg{width:22px;height:22px}
#mtl-vd .vbar .tm{font-size:13.5px;margin:0 6px;white-space:nowrap}
#mtl-vd .vbar .sp{flex:1}
#mtl-vd .vbar .spd{display:flex;align-items:center;border:1px solid rgba(255,255,255,.4);margin-right:4px}
#mtl-vd .vbar .spd button{width:28px;height:28px;font-size:18px}
#mtl-vd .vbar .spd output{min-width:38px;text-align:center;font-size:13.5px}
#mtl-vd .stage:fullscreen{background:#000}
@media (max-width:640px){#mtl-vd .vbar{padding:18px 6px 4px}#mtl-vd .vbar button{width:32px;height:32px}#mtl-vd .vbar button svg{width:20px;height:20px}#mtl-vd .vbar [data-a="mute"],#mtl-vd .vbar [data-a="shareat"]{display:none}#mtl-vd .vbar .tm{font-size:12px;margin:0 2px}}
/* the details under the video sit on the lilac box too, not on white */
#mtl-vd .vbox .info{background:transparent;padding:12px 12px 10px}
#mtl-vd .vbox .chs{background:transparent;padding:6px 12px 10px}
#mtl-vd .vbox .chs button{background:transparent;border-top-color:#e2d6e8}

/* bar readability: a light dark band behind the controls */
#mtl-vd .stage .vbar{padding-top:34px;background:linear-gradient(180deg,rgba(16,20,34,0) 0%,rgba(16,20,34,.55) 45%,rgba(16,20,34,.88) 100%)}
#mtl-vd .vbar button svg,#mtl-vd .vbar .tm,#mtl-vd .vbar output{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
#mtl-vd .vbar .spd{position:relative;background:rgba(16,20,34,.35)}
#mtl-vd .vbar .spd .rv{width:auto;min-width:40px;padding:0 6px}
#mtl-vd .vbar .spd .rv output{font-size:13.5px}
#mtl-vd .vbar .rmenu{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;background:rgba(16,20,34,.95);border:1px solid rgba(255,255,255,.2);padding:4px 0;z-index:6}
#mtl-vd .vbar .rmenu[hidden]{display:none}
#mtl-vd .vbar .rmenu button{width:64px;height:30px;font-size:14px}
#mtl-vd .vbar .rmenu button[aria-pressed="true"]{color:#d9a9e3;font-weight:600}
@media (max-width:640px){
  #mtl-vd .vbar [data-a="mute"]{display:grid!important}
  #mtl-vd .vbar .spd [data-a="slower"],#mtl-vd .vbar .spd [data-a="faster"]{display:none}
  #mtl-vd .vbar .spd{border-color:rgba(255,255,255,.55)}
}

/* speed menu: compact grid so it fits even on a short phone video */
#mtl-vd .vbar .rmenu{display:grid;grid-template-columns:repeat(4,auto);left:auto;right:-6px;transform:none;padding:3px}
#mtl-vd .vbar .rmenu button{width:52px;height:30px}

/* the video and its poster always fill the frame (cropped if needed), never black bars; full screen keeps the whole picture */
#mtl-vd .stage video{object-fit:cover;background:#101522}
#mtl-vd .stage:fullscreen video{object-fit:contain}

/* volume: slider opens next to the speaker on desktop (phones use the device buttons) */
#mtl-vd .vbar .volw{display:flex;align-items:center}
#mtl-vd .vbar .vol{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:#d9a9e3;cursor:pointer;margin:0}
#mtl-vd .vbar .volw:hover .vol,#mtl-vd .vbar .vol:focus{width:74px;opacity:1;margin:0 6px 0 2px}
/* phone centre cluster (YouTube-like): −15, play, +15 in the middle of the video */
#mtl-vd .stage .mc{display:none}
#mtl-vd .stage .tapfx{position:absolute;top:50%;z-index:5;transform:translateY(-50%);background:rgba(16,20,34,.55);color:#fff;font-size:18px;font-weight:600;padding:10px 14px;pointer-events:none}
#mtl-vd .stage .tapfx.r{right:12%}
#mtl-vd .stage .tapfx.l{left:12%}
@media (hover:none),(max-width:640px){
  #mtl-vd .stage .mc{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;gap:26px;opacity:0;transition:opacity .25s;pointer-events:none}
  #mtl-vd .stage.awake .mc,#mtl-vd .stage:not(.playing) .mc{opacity:1;pointer-events:auto}
  #mtl-vd .stage .mc button{border:0;background:rgba(16,20,34,.45);color:#fff;width:46px;height:46px;border-radius:50%!important;display:grid;place-items:center;cursor:pointer;padding:0}
  #mtl-vd .stage .mc [data-m="play"]{width:60px;height:60px;background:rgba(112,43,126,.7)}
  #mtl-vd .stage .mc svg{width:24px;height:24px}
  #mtl-vd .stage .mc [data-m="play"] svg{width:28px;height:28px}
  #mtl-vd .stage .bigplay{display:none}
  #mtl-vd .vbar [data-a="play"],#mtl-vd .vbar [data-a="back"],#mtl-vd .vbar [data-a="fwd"]{display:none}
  #mtl-vd .vbar .vol{display:none}
}

#mtl-vd #v-note{display:none!important}
#mtl-vd .vd-all{max-width:1052px;margin:26px auto 70px;border:1px solid #D5D8DC;background:#fff}#mtl-vd .vd-all summary{cursor:pointer;padding:12px 16px;color:#203A71;font-size:17px;list-style:none}#mtl-vd .vd-all summary::-webkit-details-marker{display:none}#mtl-vd .vd-all summary:after{content:"+";float:left;color:#702B7E;font-size:20px;line-height:1}#mtl-vd .vd-all[open] summary:after{content:"\2212"}#mtl-vd .vd-all ul{list-style:none;margin:0;padding:4px 16px 14px;columns:2 320px;column-gap:28px}#mtl-vd .vd-all li{margin:0 0 4px;font-size:14.5px}#mtl-vd .vd-all a{color:#203A71;text-decoration:none}#mtl-vd .vd-all a:hover{color:#702B7E;text-decoration:underline}

#mtl-vd .vcard .pb{display:grid!important;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:0;background:rgba(32,58,113,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 10px rgba(0,0,0,.2);opacity:0;transition:opacity .2s;pointer-events:none}#mtl-vd .vcard .pb::after{border-width:9px 0 9px 15px;margin-left:5px}#mtl-vd .vcard:hover .pb,#mtl-vd .vcard:focus-visible .pb{opacity:1;transform:none;background:rgba(32,58,113,.5)}#mtl-vd .facade .play,#mtl-vd .facade:hover .play,#mtl-vd .stage .bigplay,#mtl-vd .stage .bigplay:hover,#mtl-vd .stage .bigplay:focus,#mtl-vd .stage .mc [data-m="play"]{border-radius:0;background:rgba(32,58,113,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 10px rgba(0,0,0,.2)}
@media (hover:hover){#mtl-vd .stage .bigplay,#mtl-vd .facade .play{opacity:0;transition:opacity .2s}#mtl-vd .stage:hover .bigplay,#mtl-vd .stage .bigplay:focus-visible,#mtl-vd .facade:hover .play,#mtl-vd .facade:focus-visible .play{opacity:1}}
#mtl-vd .scard .imw::after{content:"";position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;background:rgba(32,58,113,.5) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M9 7l9 5-9 5z%27 fill=%27%23fff%27/%3E%3C/svg%3E") center/28px no-repeat;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 10px rgba(0,0,0,.2);opacity:0;transition:opacity .2s;pointer-events:none}#mtl-vd .scard:hover .imw::after,#mtl-vd .scard:focus-visible .imw::after{opacity:1}
#mtl-vd .vbar input.vol{position:static;inset:auto;width:0;opacity:0;margin:0}#mtl-vd .vbar .volw:hover input.vol,#mtl-vd .vbar input.vol:focus{width:74px;opacity:1;margin:0 6px 0 2px}
#mtl-vd video::cue{font-family:riflex,"Talent FS",system-ui,sans-serif;color:#fff;background:rgba(16,20,34,.72);font-size:clamp(15px,2.2vw,22px);line-height:1.4}