/* ASK SHAI Watch & Learn premium system. Scoped to /watch.html only. */
:root{color-scheme:dark;--wm-bg:#0c0e10;--wm-panel:#171b1d;--wm-surface:#222628;--wm-soft:#2e2923;--wm-line:#4a4134;--wm-gold:#e4c992;--wm-bright:#ffe9c0;--wm-muted:#c8c5bf;--wm-text:#faf7ef;--wm-head-h:75px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 77% -10%,#6b533d22,transparent 38%),var(--wm-bg);color:var(--wm-text);font-size:16px;line-height:1.5;min-height:100dvh}
[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--wm-gold)}button:disabled{opacity:.55;cursor:not-allowed}:is(button,a,input,select):focus-visible{outline:3px solid #fff1ca;outline-offset:3px}
.media-skip{position:fixed;left:10px;top:-120px;background:var(--wm-bright);color:#181818;z-index:500;padding:12px;border-radius:8px}.media-skip:focus{top:10px}
.media-topbar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:75px;padding:12px clamp(17px,3vw,50px);background:#0d1012f5;border-bottom:1px solid #554b39;backdrop-filter:blur(14px)}
.media-brand{display:flex;gap:10px;align-items:center;text-decoration:none;white-space:nowrap}.media-brand img{flex:none;object-fit:contain}.media-brand strong{display:block;color:var(--wm-bright);font-size:19px;letter-spacing:.06em;line-height:1.1}.media-brand small{color:#c9b799;font-size:10px;font-weight:700;letter-spacing:.1em}.media-tm{font-size:10px}
.media-topbar nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.media-topbar nav a,.media-home-link{color:#ede5d9;font-weight:700;font-size:13px;text-decoration:none;border-radius:999px;padding:11px 14px;transition:background .16s,color .16s}.media-topbar nav a:hover,.media-topbar nav a.media-current{background:#3d3326;color:#ffe0a3}.media-home-link{border:1px solid #746043;white-space:nowrap}.media-home-link:hover{background:#352c20}
.media-layout{display:grid;grid-template-columns:236px minmax(0,1fr);max-width:1740px;min-height:calc(100dvh - var(--wm-head-h));margin:auto}
.media-rail{position:sticky;top:var(--wm-head-h);height:calc(100dvh - var(--wm-head-h));overflow-y:auto;border-right:1px solid #433b31;padding:30px 14px 18px;display:flex;flex-direction:column;gap:7px}
.media-rail-heading{padding:0 14px 15px}.media-rail-heading strong{display:block;font-size:17px;line-height:1.2;color:#fff2d5;max-width:150px}
.media-eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:.17em;color:var(--wm-gold);margin:0 0 9px}
.media-rail>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 15px;color:#ebe0cc;background:transparent;border:1px solid transparent;border-radius:12px;min-height:48px;font-size:13px;font-weight:750}
.media-rail>button span{display:grid;place-items:center;border-radius:7px;background:#2e2923;width:26px;height:26px;font-size:20px;color:#e1c389}
.media-rail>button:hover,.media-rail>button[aria-pressed=true]{background:#342d24;border-color:#766347;color:#ffe4aa}.media-rail-divider{border-top:1px solid #554837;margin:12px 12px}
.media-rail>.media-eyebrow{padding:0 13px;margin-top:6px}.media-rail-topics{display:flex;flex-direction:column;gap:3px}
.media-rail-topics button{text-align:left;padding:10px 14px;background:transparent;color:#d0c1a8;border:0;border-radius:9px;font-size:12px;min-height:42px}.media-rail-topics button:hover{background:#393022;color:#fff0cc}
.media-rail-note{margin-top:auto;color:#c4b7a2;font-size:12px;line-height:1.7;padding:24px 12px 8px}
.media-main{min-width:0;padding:34px clamp(18px,3.8vw,64px) 55px}.media-mode-tabs{display:none}
.media-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 29px}.media-head h1{font-size:clamp(38px,5vw,74px);line-height:1.06;letter-spacing:-.058em;font-weight:750;max-width:800px;margin:7px 0 15px;color:#fff5e1}.media-head h1 em{font-style:normal;color:var(--wm-gold)}.media-head p:not(.media-eyebrow){color:#d8d0c1;font-size:15px;max-width:72ch;margin:0}
.media-head-seal{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:none;width:120px;height:120px;border-radius:50%;border:1px solid #a78950;background:radial-gradient(circle,#92754842,#1e2021 66%);text-align:center;box-shadow:0 0 0 8px #caaa7720}.media-head-seal span{font-size:16px;letter-spacing:.1em;font-weight:850;color:#ffe6b0}.media-head-seal b{font-size:9px;letter-spacing:.11em;color:#d4c3a3}
.media-hero{min-height:365px;position:relative;border:1px solid #786344;border-radius:21px;overflow:hidden;background:linear-gradient(110deg,#403629,#191c1d 65%);isolation:isolate;box-shadow:0 20px 75px #0005}
.media-hero-backdrop,.media-hero-shade{position:absolute;inset:0;pointer-events:none}.media-hero-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.68}.media-hero-shade{background:linear-gradient(90deg,#121516 0%,#121516ec 36%,#12151680 72%,#10131578 100%)}
.media-hero-copy{position:relative;z-index:2;padding:clamp(23px,5vw,55px);min-height:365px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:780px}
.media-hero-badge{border:1px solid #d1ac6b;background:#372b1bdb;color:#ffe3af;font-size:10px;font-weight:850;letter-spacing:.12em;padding:8px 12px;border-radius:999px;margin-bottom:18px}
.media-hero h2{font-size:clamp(29px,3.8vw,52px);max-width:680px;line-height:1.12;letter-spacing:-.04em;color:#fff2d9;margin:2px 0 12px}.media-hero p:not(.media-eyebrow){color:#eae1d2;font-size:15px;max-width:58ch;margin:0 0 12px}
.media-hero .media-hero-owner{font-weight:700;font-size:12px!important;color:#ebc991!important}
.media-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.media-action,.media-card-play,.media-more{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none;text-align:center;background:var(--wm-gold);color:#151819;border:1px solid #f4daa0;border-radius:11px;font-size:13px;font-weight:850;padding:11px 17px;transition:background .16s,transform .16s}.media-action:hover,.media-card-play:hover,.media-more:hover{background:#ffe8b4;transform:translateY(-1px)}
.media-action-quiet{background:#1b2121d9;color:#f6e0b4;border-color:#947c54}.media-action-quiet:hover{background:#3d3324;color:#fff0d3}
.media-stats{font-size:12px;letter-spacing:.07em;color:#dac7a2;padding:16px 0 30px;border-bottom:1px solid #3e372e}
.media-collections-section{padding:34px 0 37px}.media-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:19px}.media-section-title h2{font-size:clamp(23px,2.8vw,34px);letter-spacing:-.03em;color:#ffe5b7;margin:0}.media-section-title>p{max-width:210px;text-align:right;font-size:12px;color:#c4bfb7;margin:0}
.media-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-collection{position:relative;min-height:184px;overflow:hidden;border-radius:14px;border:1px solid #67543b;background:linear-gradient(135deg,#302f2b,#1c2324);padding:0;text-align:left;color:#fff1d4;cursor:pointer}
.media-collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.44;transition:transform .35s,opacity .3s}.media-collection:hover img{transform:scale(1.06);opacity:.65}
.media-collection-shade{position:absolute;inset:0;background:linear-gradient(0deg,#131718fa,#13171852 75%,#13171818)}
.media-collection-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:19px}.media-collection-copy span{font-size:10px;letter-spacing:.14em;color:#edce98;font-weight:850}.media-collection-copy strong{font-size:20px;line-height:1.16;margin:7px 0}.media-collection-copy small{font-size:12px;color:#eee1cf}
.media-browse-library{padding-top:10px}.media-filters{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:14px;margin:20px 0 24px}.media-filters label{display:block;color:#dfc9a2;font-size:12px;font-weight:800;margin-bottom:7px}.media-filters input,.media-filters select{display:block;width:100%;min-height:51px;background:#212528;border:1px solid #786647;color:#faf0dd;border-radius:12px;padding:13px 15px;min-width:0;font-size:15px}.media-filters input::placeholder{color:#aaa9a5}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.media-tile{border:1px solid #423b31;border-radius:14px;overflow:hidden;background:#191d1f;display:flex;flex-direction:column;min-width:0;transition:transform .16s,border .16s}.media-tile:hover{transform:translateY(-3px);border-color:#b29663}
.media-tile-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%,#6a5638,#202628 72%);overflow:hidden;border-bottom:1px solid #514531}.media-tile-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-tile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0f0f9b,transparent 53%);pointer-events:none}
.media-tile-symbol{z-index:2;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#1b1a17;background:#e9c996ea;border:2px solid #fff0c1;font-size:24px;box-shadow:0 7px 26px #0009;transition:transform .16s}.media-tile:hover .media-tile-symbol{transform:scale(1.09)}
.media-tile-art-topic{position:absolute;bottom:10px;left:13px;right:12px;z-index:3;color:#fff3db;font-weight:800;font-size:11px;letter-spacing:.02em}
.media-tile-copy{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.media-tile-kind{font-size:10px;letter-spacing:.13em;color:#d5b87f;font-weight:900;margin:0}.media-tile-copy h3{font-size:16px;line-height:1.35;color:#fff4e0;margin:0}.media-tile-owner{font-size:12px;color:#d0b993;margin:0}.media-tile-summary{font-size:12px;color:#c9c7bf;line-height:1.55;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.media-tile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.media-tile-actions :is(button,a){font-size:12px;min-height:42px;padding:8px 11px}
.media-save,.media-back,.media-queue-item,.media-watch-actions button,.media-short-actions :is(a,button){min-height:42px;background:#302d28;border:1px solid #806b4a;color:#f2dcb5;border-radius:10px;padding:10px 13px;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}.media-save:hover,.media-watch-actions button:hover,.media-queue-item:hover{background:#50402c}.media-save[aria-pressed=true]{background:#6a5431;color:#fff2d2}.media-more{display:block;margin:25px auto}.media-empty{grid-column:1/-1;border:1px dashed #6e593e;background:#27231f;padding:25px;color:#ecddc3;border-radius:12px}
.media-back{margin-bottom:20px}.media-watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.media-watch-primary{min-width:0}.media-stage{position:relative;aspect-ratio:16/9;min-height:220px;overflow:hidden;display:grid;place-items:center;border:1px solid #937348;border-radius:17px;background:#030506}.media-stage iframe{display:block;width:100%;height:100%;min-height:220px;border:0}.media-play-placeholder{position:relative;width:100%;height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:22px;overflow:hidden;isolation:isolate}
.media-play-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:-2}.media-play-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b0cce,#080b0c68);z-index:-1}.media-play-placeholder h3{color:#fff1d1;font-size:clamp(18px,2.4vw,29px);max-width:500px;line-height:1.2;margin:0}.media-play-placeholder p:not(.media-eyebrow){color:#e6dbca;max-width:48ch;font-size:13px;margin:0}
.media-watch-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.media-watch h1{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-.03em;margin:5px 0;color:#ffe9bd}
.media-creator{font-size:12px;color:#dbc196;margin:3px 0}.media-watch-description{color:#e3ded2;font-size:15px;max-width:75ch}
.media-lesson-action{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#29251e;border:1px solid #78613b;border-radius:14px;padding:20px;margin:25px 0 15px}.media-lesson-action strong{display:block;color:#ffe1a1;font-size:17px}.media-lesson-action p{font-size:13px;color:#e1d2b5;margin:5px 0 0}
.media-source{display:inline-block;font-weight:800;font-size:14px;margin:12px 0}.media-disclosure{border-left:3px solid #997d4c;padding-left:13px;max-width:76ch;color:#beb7ab;font-size:12px;line-height:1.65}
.media-up-next{border:1px solid #655037;border-radius:14px;padding:19px 14px;background:#1c1e1d;height:max-content}.media-up-next h2{color:#ffe3b1;margin:0 0 20px;font-size:23px}.media-queue-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;margin-bottom:10px;padding:7px;min-height:72px;background:#272522}.media-queue-item img{width:95px;aspect-ratio:16/9;object-fit:cover;border-radius:5px;background:#50402e}.media-queue-item span{flex:1;min-width:0;font-size:12px}.media-small{font-size:13px;color:#d6c2a1}
.media-stage.is-mini{position:fixed;bottom:82px;right:18px;z-index:100;width:min(385px,calc(100vw - 36px));aspect-ratio:16/9;min-height:216px;box-shadow:0 22px 65px #000e}.media-stage.is-mini iframe{min-height:216px}.media-restore{position:fixed;bottom:15px;right:18px;z-index:101;display:flex;align-items:center;gap:9px;background:#1b1b19;border:1px solid #b5955c;border-radius:10px;padding:8px 10px;color:#fae6bf;font-size:12px;box-shadow:0 10px 30px #0009}.media-restore button{padding:8px 10px;background:#453922;color:#ffe5aa;border:1px solid #8d7448;border-radius:8px;cursor:pointer}
.media-shorts-section{position:fixed;top:var(--wm-head-h);inset-inline:0;bottom:0;z-index:70;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 45%,#45341e50,#0b0d0f 70%)}
.media-shorts-head{display:flex;align-items:center;justify-content:space-between;gap:13px;max-width:1140px;width:100%;margin:0 auto 8px;padding:2px 10px}
.media-shorts-head h1{color:#fff1d6;font-size:clamp(20px,3vw,31px);line-height:1.1;margin:0;letter-spacing:-.03em}
.media-shorts-settings{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.media-autoplay{display:flex;align-items:center;gap:6px;font-size:11px;color:#f0dcb7;white-space:nowrap}.media-autoplay input{width:17px;height:17px;accent-color:#dbc08c}.media-shorts-exit{display:flex;align-items:center;gap:5px;background:#332a1f;color:#ffe4ab;border:1px solid #826947;border-radius:9px;min-height:40px;padding:8px 12px;font-size:15px;font-weight:800}
.media-shorts-body{flex:1;min-height:0;width:100%;display:flex;align-items:stretch;justify-content:center;gap:14px}
.media-shorts-feed{height:100%;width:min(450px,calc(100vw - 84px));background:#101214;border:1px solid #6e5534;border-radius:19px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}.media-shorts-feed::-webkit-scrollbar{display:none}
.media-short-card{height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;isolation:isolate;padding:18px 14px 13px;overflow:hidden;background:#121514}
.media-short-bg{position:absolute;inset:-28px;z-index:-2;width:calc(100% + 56px);height:calc(100% + 56px);object-fit:cover;filter:blur(24px);opacity:.38;pointer-events:none}.media-short-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090af7 0%,#1215143b 38%,#101213c2 100%);z-index:-1;pointer-events:none}
.media-short-banner{flex:none}.media-short-banner h2{margin:5px 0;font-size:clamp(18px,2.2vw,22px);line-height:1.15;color:#ffecd0;letter-spacing:-.025em}.media-short-banner p{margin:3px 0;color:#ddc49d;font-size:12px}.media-short-tag{display:inline-block;font-size:10px;letter-spacing:.13em;font-weight:850;color:#f2d294}
.media-short-stage{position:relative;flex:none;display:flex;align-items:center;justify-content:center;min-height:220px;width:100%;border-radius:11px;overflow:hidden;background:#060809;border:1px solid #94764c}.media-short-stage iframe{width:100%;height:100%;min-height:220px;border:0;display:block}.media-short-prompt{width:100%;height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;position:relative;isolation:isolate}
.media-short-prompt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:-2}.media-short-prompt:after{content:"";position:absolute;inset:0;background:#080a0b66;z-index:-1}.media-short-prompt p{margin:0;font-size:12px;color:#fff0dc;max-width:240px}.media-short-play-symbol{font-size:35px;color:#ffdfad}
.media-short-bottom{display:flex;flex-direction:column;gap:9px}.media-short-summary{font-size:12px;line-height:1.35;color:#e8ddca;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:60px;margin:0}
.media-short-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.media-short-actions :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;min-height:55px;padding:7px 5px;text-align:center;background:#151a1acc;border:1px solid #95764d;border-radius:10px;color:#fbe1b5}.media-short-actions :is(a,button):hover{background:#4b3824}.media-short-actions .short-action-icon{font-size:18px;line-height:1;color:#f4d18a}
.media-shorts-arrows{display:flex;flex-direction:column;align-self:center;align-items:center;gap:8px;color:#e6cc9c;font-size:11px;font-weight:800;max-width:90px}
.media-shorts-arrows button{width:48px;height:48px;border-radius:50%;border:1px solid #9b8054;background:#332a20;color:#ffe6b8;font-size:23px;cursor:pointer}
.media-shorts-arrows button:disabled{opacity:.3}.media-shorts-arrows button:hover:not(:disabled){background:#5d4628}
.media-short-note{font-size:11px;color:#d4c3a8;text-align:center;margin:7px auto 0;max-width:940px}.media-status{color:#dfc38e;font-size:12px;min-height:25px;padding:12px 2px}.media-footer{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:28px clamp(17px,3vw,50px);border-top:1px solid #493f34;color:#cbbfac;font-size:12px}.media-footer a{color:#e3cb98}
@media(max-width:1240px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-watch-grid{grid-template-columns:minmax(0,1fr) 255px}.media-rail{padding-inline:9px}.media-layout{grid-template-columns:200px minmax(0,1fr)}.media-collections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.media-rail{display:none}.media-layout{display:block}.media-topbar nav{gap:1px}.media-topbar nav a{padding:8px 9px}.media-main{padding:22px 18px 45px}.media-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:23px}.media-mode-tabs button{min-height:47px;color:#ffe1af;font-size:12px;font-weight:750;background:#211e19;border:1px solid #796344;border-radius:9px;padding:10px 6px}.media-mode-tabs button[aria-pressed=true]{background:#a7864e;color:#151617}.media-head-seal{display:none}.media-watch-grid{grid-template-columns:1fr}.media-up-next{order:2}.media-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.media-collection{min-height:150px}}
@media(max-width:620px){.media-topbar{flex-wrap:wrap;gap:7px 10px;justify-content:space-between;padding:9px 12px}.media-topbar nav{order:3;flex:1 0 100%;justify-content:space-between}.media-topbar nav a{font-size:11px;padding:7px 6px}.media-home-link{font-size:11px;padding:7px 11px}.media-brand img{width:35px;height:35px}.media-brand strong{font-size:15px}.media-brand small{font-size:8px}
.media-head h1{font-size:clamp(34px,8vw,50px)}.media-head p:not(.media-eyebrow){font-size:13px}.media-hero{min-height:330px}.media-hero-copy{min-height:330px;padding:24px 20px}.media-hero h2{font-size:clamp(27px,8vw,40px)}.media-hero-shade{background:linear-gradient(90deg,#0c1011ec,#11151890)}
.media-collections{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 9px}.media-collection{flex:0 0 min(260px,79vw);min-height:167px;scroll-snap-align:start}.media-section-title{align-items:flex-start;flex-direction:column}.media-section-title>p{text-align:left;max-width:none}.media-filters{grid-template-columns:1fr;gap:9px}.media-grid{grid-template-columns:1fr}.media-watch-actions button{flex:1 1 auto}.media-lesson-action{flex-direction:column;align-items:stretch;padding:16px}
.media-shorts-head{padding-inline:2px}.media-shorts-settings{gap:6px}.media-autoplay{font-size:10px}.media-shorts-feed{width:calc(100vw - 74px)}.media-shorts-arrows button{width:41px;height:41px}.media-shorts-exit{min-height:36px}.media-shorts-exit span{display:none}.media-short-card{padding:12px 10px}.media-short-banner h2{font-size:18px}.media-short-summary{font-size:11px}.media-short-actions{gap:4px}.media-short-actions :is(a,button){font-size:10px;padding:6px 3px;min-height:51px}.media-short-note{font-size:10px}.media-restore{right:10px;bottom:10px;left:10px;justify-content:space-between}.media-stage.is-mini{right:10px;bottom:78px;width:calc(100vw - 20px)}}
@media(max-width:385px){.media-shorts-feed{width:calc(100vw - 66px)}.media-shorts-body{gap:7px}.media-short-stage,.media-short-stage iframe,.media-short-prompt{min-height:205px}.media-shorts-settings .media-autoplay{font-size:9px}}
@media(max-height:620px){.media-short-banner h2{font-size:15px}.media-short-summary{display:none}.media-short-stage,.media-short-stage iframe,.media-short-prompt{min-height:200px}.media-shorts-section{padding-block:5px}.media-shorts-head{margin-bottom:4px}.media-short-card{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media-tile,.media-collection img,.media-action,.media-tile-symbol{transition:none!important}.media-shorts-feed{scroll-behavior:auto}}

/* Publisher video thumbnails are shown at original proportions: no blur, crop or recolouring. */
.media-hero-backdrop{inset:22px 22px 22px auto;width:39%;z-index:1;border-radius:13px;overflow:hidden;background:#0b0d0e;border:1px solid #ad8b56}
.media-hero-backdrop img{object-fit:contain;opacity:1;background:#101416}
.media-hero-shade{z-index:0;background:linear-gradient(110deg,#282119,#14191a 77%)}
.media-hero-copy{max-width:63%;padding-right:20px}
.media-tile-art img,.media-short-prompt img,.media-play-placeholder img{object-fit:contain}
.media-tile-art{background:#0b0d0f}.media-short-bg{display:none}
.media-short-prompt img{opacity:1}.media-short-prompt:after{background:#04060673}
.media-play-placeholder img{opacity:1}.media-play-placeholder:after{background:#05060696}
@media(max-width:620px){.media-hero-backdrop{top:13px;right:13px;left:13px;width:auto;height:150px;bottom:auto}.media-hero-copy{max-width:none;padding:177px 20px 20px;min-height:360px}.media-hero{min-height:360px}.media-hero-shade{background:linear-gradient(0deg,#20201e,#121716)}}

.media-browse-saver{display:flex!important;align-items:center;gap:9px;grid-column:1/-1;color:#e5cfaa;font-size:12px;cursor:pointer;margin-top:0}
.media-browse-saver input{display:inline-block!important;width:18px!important;height:18px!important;min-height:0!important;accent-color:#e4c992}
.media-short-status{max-width:550px;text-align:center;margin:4px auto 0;padding:0;font-size:11px;color:#edcf98;min-height:16px}
.media-short-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.media-short-actions :is(a,button){min-width:0;padding-inline:3px}
@media(max-width:620px){.media-short-status{font-size:10px}.media-short-actions :is(a,button){font-size:9px;min-height:48px}.media-browse-saver{font-size:11px}}

/* Source-reviewed open education UI: changes scoped to Watch & Learn. */
.media-filters{grid-template-columns:minmax(180px,1fr) minmax(165px,195px) minmax(165px,195px)}
.media-filters>.media-browse-saver{grid-column:1/-1;justify-self:start}
.media-rights{color:#e4d3b5;background:#302b25;border:1px solid #746243;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.65;margin:14px 0}
.media-rights a{color:#ffde9e;text-decoration:underline;text-underline-offset:3px}
.media-rights a:focus-visible{outline:2px solid #ffe4ab;outline-offset:3px}
@media (min-width:621px) and (max-width:1080px){.media-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.media-filters>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.media-filters{grid-template-columns:1fr;gap:9px}.media-filters>div:first-child{grid-column:auto}}