/* Academy video discovery — isolated to the hub and dedicated Shorts library. */
:is(#edu-videos,#edu-shorts) { --av-ink:#09142b; --av-muted:#58657a; --av-paper:#fff; --av-line:#d9e1eb; --av-blue:#0757d3; color:var(--av-ink); scroll-margin-top:104px; }
[data-theme="dark"] :is(#edu-videos,#edu-shorts) { --av-ink:#f4f7fc; --av-muted:#a5b1c4; --av-paper:#091126; --av-line:#25334c; --av-blue:#75bcff; }
:is(#edu-videos,#edu-shorts) *, :is(#edu-videos,#edu-shorts) *::before, :is(#edu-videos,#edu-shorts) *::after { box-sizing:border-box; }
:is(#edu-videos,#edu-shorts) [hidden] { display:none !important; }
:is(#edu-videos,#edu-shorts) a { text-decoration:none; }
:is(#edu-videos,#edu-shorts) :is(button,input,select) { font-family:inherit; }
:is(#edu-videos,#edu-shorts) :is(a,button,input,select,[tabindex]):focus-visible { outline:3px solid #078bff; outline-offset:4px; }
:is(#edu-videos,#edu-shorts) ::selection { background:#c8e5ff; color:#09142b; }
#edu-videos .av-sr-only { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
#edu-videos .av-hero { position:relative; display:grid; grid-template-columns:minmax(0,7fr) minmax(0,3fr); gap:48px; min-height:450px; align-items:center; padding:48px; overflow:hidden; border-radius:14px; background:#020718; color:#fff; }
#edu-videos .av-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
#edu-videos .av-hero::after { position:absolute; inset:0; content:''; background:linear-gradient(90deg,rgba(2,7,24,.93),rgba(2,7,24,.52) 58%,rgba(2,7,24,.72)); }
#edu-videos .av-hero-copy, #edu-videos .av-hero-editorial { position:relative; z-index:1; min-width:0; }
#edu-videos .av-signature { display:block; margin-bottom:20px; color:#a7cfff; font-size:.75rem; font-weight:700; letter-spacing:.12em; }
#edu-videos .av-hero h1 { margin:0 0 20px; color:#fff; font:800 clamp(2.8rem,3.6vw,3.8rem)/1.05 Archivo,sans-serif; letter-spacing:-.035em; }
#edu-videos .av-hero h1 span { color:#50adff; }
#edu-videos .av-hero-copy > p { max-width:76ch; margin:0 0 24px; color:#d1dced; font-size:.88rem; line-height:1.65; }
#edu-videos .av-explore { display:inline-flex; align-items:center; gap:12px; min-height:44px; border-bottom:1px solid #66b8ff; color:#fff; font-size:.88rem; font-weight:700; }
#edu-videos .av-explore span { font-size:20px; }
#edu-videos .av-hero-editorial { padding-left:24px; }
#edu-videos .av-hero-editorial > p { margin:0; color:#fff; font:700 clamp(1rem,1.5vw,1.4rem)/1.75 Archivo,sans-serif; letter-spacing:.1em; }
#edu-videos .av-hero-editorial > p::after { content:''; display:block; width:44px; height:2px; background:#078bff; margin:24px 0; }
#edu-videos .av-hero-facts { display:flex; gap:32px; }
#edu-videos .av-hero-facts span { display:block; color:#bdcde3; font-size:.66rem; letter-spacing:.08em; margin-bottom:6px; }
#edu-videos .av-hero-facts strong { font:700 1.1rem Archivo,sans-serif; color:#fff; }
#edu-videos .av-controls { margin:28px 0 48px; scroll-margin-top:100px; }
#edu-videos .av-controls-top { display:flex; align-items:center; gap:20px; }
#edu-videos .av-formats { display:flex; gap:4px; padding:4px; border:1px solid var(--av-line); border-radius:10px; background:var(--av-paper); }
#edu-videos .av-formats button { padding:0 16px; min-height:40px; border:0; border-radius:7px; color:var(--av-muted); background:transparent; font-size:.8rem; font-weight:700; cursor:pointer; }
#edu-videos .av-formats button[aria-pressed="true"] { background:#08265d; color:#fff; }
#edu-videos .av-search { display:flex; align-items:center; flex:1; min-width:0; gap:12px; padding:0 16px; min-height:48px; border:1px solid var(--av-line); border-radius:10px; background:var(--av-paper); }
#edu-videos .av-search > span:first-child { color:var(--av-muted); font-size:22px; }
#edu-videos .av-search input { width:100%; min-width:0; min-height:46px; border:0; background:transparent; color:var(--av-ink); font-size:.85rem; caret-color:var(--av-blue); }
#edu-videos .av-search input::placeholder { color:var(--av-muted); opacity:1; }
#edu-videos .av-sort select { min-height:48px; max-width:100%; border:1px solid var(--av-line); border-radius:10px; padding:0 30px 0 14px; background:var(--av-paper); color:var(--av-ink); font-size:.8rem; cursor:pointer; }
#edu-videos .av-categories { display:flex; gap:8px; overflow-x:auto; padding:4px 4px 12px; margin-top:16px; scrollbar-width:thin; scrollbar-color:#9bbfe6 transparent; }
#edu-videos .av-categories button { flex:0 0 auto; min-height:44px; padding:0 16px; border:1px solid var(--av-line); border-radius:999px; background:var(--av-paper); color:var(--av-muted); font-size:.78rem; font-weight:700; cursor:pointer; }
#edu-videos .av-categories button[aria-pressed="true"] { border-color:#0757d3; background:#0757d3; color:#fff; }
:is(#edu-videos,#edu-shorts) .av-status { margin:8px 0 0; color:var(--av-muted); font-size:.75rem; line-height:1.6; }
#edu-videos .av-section { margin-bottom:60px; min-width:0; }
:is(#edu-videos,#edu-shorts) .av-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; min-width:0; }
:is(#edu-videos,#edu-shorts) .av-heading :is(h1,h2,h3) { display:flex; align-items:center; gap:10px; margin:0 0 8px; color:var(--av-ink); font:700 clamp(1.45rem,2vw,1.9rem)/1.15 Archivo,sans-serif; letter-spacing:-.03em; }
:is(#edu-videos,#edu-shorts) .av-heading p { margin:0; color:var(--av-muted); font-size:.85rem; line-height:1.6; }
#edu-videos .av-row-actions { display:flex; align-items:center; gap:20px; flex-shrink:0; }
:is(#edu-videos,#edu-shorts) .av-text-button, #edu-videos .av-row-actions > a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0; background:transparent; border:0; color:var(--av-blue); font-size:.8rem; font-weight:700; cursor:pointer; }
#edu-videos .av-arrows { display:flex; gap:8px; flex-shrink:0; }
#edu-videos .av-arrows button { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--av-line); border-radius:8px; background:var(--av-paper); color:var(--av-ink); cursor:pointer; }
#edu-videos .av-arrows button:disabled { opacity:.4; cursor:default; }
#edu-videos .av-arrows button:not(:disabled):hover { border-color:#85baf2; color:var(--av-blue); }
#edu-videos .av-featured-layout { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,3fr); gap:24px; }
#edu-videos .av-featured-side { display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); gap:16px; }
:is(#edu-videos,#edu-shorts) .av-card { display:block; min-width:0; overflow:hidden; color:var(--av-ink); border:1px solid var(--av-line); border-radius:12px; background:var(--av-paper); transition:transform .2s ease,border-color .2s ease; }
:is(#edu-videos,#edu-shorts) .av-card:hover { transform:translateY(-2px); border-color:#85baf2; }
:is(#edu-videos,#edu-shorts) .av-media { display:block; position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:#09142b; }
:is(#edu-videos,#edu-shorts) .av-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }
:is(#edu-videos,#edu-shorts) .av-card:hover .av-media img { transform:scale(1.02); }
:is(#edu-videos,#edu-shorts) .av-media-fallback::before { content:'Diversa Academy'; position:absolute; inset:0; display:grid; place-items:center; color:#a7cfff; font:700 .85rem Archivo,sans-serif; }
:is(#edu-videos,#edu-shorts) .av-duration { position:absolute; right:8px; bottom:8px; padding:4px 6px; border-radius:4px; background:rgba(0,0,0,.88); color:#fff; font-size:.7rem; font-weight:700; font-variant-numeric:tabular-nums; }
:is(#edu-videos,#edu-shorts) .av-play { position:absolute; display:grid; place-items:center; top:50%; left:50%; transform:translate(-50%,-50%); width:42px; height:42px; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:rgba(2,7,24,.62); color:#fff; }
:is(#edu-videos,#edu-shorts) .av-play span { font-size:28px; }
:is(#edu-videos,#edu-shorts) .av-card-body { padding:16px; min-width:0; }
:is(#edu-videos,#edu-shorts) .av-category { display:inline-block; margin-bottom:10px; color:var(--av-blue); font-size:.68rem; font-weight:700; line-height:1.3; }
:is(#edu-videos,#edu-shorts) .av-card h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:0 0 12px; min-height:3.9em; color:inherit; font:700 .95rem/1.3 Archivo,sans-serif; letter-spacing:-.02em; }
:is(#edu-videos,#edu-shorts) .av-meta { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:.75rem; color:var(--av-muted); line-height:1.5; }
#edu-videos .av-featured-card { position:relative; aspect-ratio:16/9; min-height:440px; height:100%; background:#020718; color:#fff; }
#edu-videos .av-featured-card .av-media { position:absolute; inset:0; height:100%; aspect-ratio:auto; }
#edu-videos .av-featured-card .av-media::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,7,24,.98),rgba(2,7,24,.78) 50%,rgba(2,7,24,.06)); }
#edu-videos .av-featured-card .av-card-body { position:absolute; bottom:0; left:0; width:100%; padding:32px; }
#edu-videos .av-featured-card h3 { min-height:0; max-width:32ch; font-size:clamp(1.5rem,2.1vw,2.2rem); line-height:1.15; margin-bottom:12px; }
#edu-videos .av-featured-card .av-category { color:#91cbff; }
#edu-videos .av-featured-card .av-meta { color:#d1dced; }
#edu-videos .av-featured-card .av-summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; max-width:65ch; margin:0 0 16px; color:#d1dced; font-size:.85rem; line-height:1.6; }
#edu-videos .av-featured-card .av-duration { top:16px; right:16px; bottom:auto; }
#edu-videos .av-featured-card .av-play { width:60px; height:60px; top:24%; }
#edu-videos .av-featured-card .av-play span { font-size:36px; }
#edu-videos .av-watch { display:inline-flex; align-items:center; gap:8px; margin-top:18px; color:#91cbff; font-size:.85rem; font-weight:700; }
#edu-videos .av-compact-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); align-items:center; }
#edu-videos .av-compact-card .av-card-body { padding:12px; }
#edu-videos .av-compact-card h3 { min-height:0; font-size:.85rem; margin-bottom:8px; }
#edu-videos .av-compact-card .av-category { margin-bottom:6px; font-size:.65rem; }
#edu-videos .av-compact-card .av-play { width:30px; height:30px; }
#edu-videos .av-compact-card .av-play span { font-size:22px; }
#edu-videos .av-track { display:grid; grid-auto-flow:column; gap:16px; max-width:100%; overflow-x:auto; padding:4px 4px 14px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#9bbfe6 transparent; touch-action:pan-x pan-y; }
#edu-videos .av-track > * { scroll-snap-align:start; min-width:0; }
#edu-videos .av-track.av-dragging { scroll-snap-type:none; cursor:grabbing; user-select:none; }
#edu-videos .av-track img { -webkit-user-drag:none; user-select:none; }
#edu-videos .av-video-track { grid-auto-columns:calc((100% - 80px)/6); }
#edu-videos .av-video-track .av-card-body { padding:12px; }
#edu-videos .av-video-track h3 { font-size:.85rem; }
#edu-videos .av-shorts-track { grid-auto-columns:calc((100% - 112px)/8); }
:is(#edu-videos,#edu-shorts) .av-short-card { position:relative; aspect-ratio:9/16; background:#020718; color:#fff; }
:is(#edu-videos,#edu-shorts) .av-short-card .av-media { aspect-ratio:9/16; height:100%; }
:is(#edu-videos,#edu-shorts) .av-short-card .av-media::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,7,24,.96),transparent 70%); }
:is(#edu-videos,#edu-shorts) .av-short-card .av-duration { top:8px; bottom:auto; z-index:1; }
:is(#edu-videos,#edu-shorts) .av-short-card h3 { position:absolute; bottom:0; left:0; width:100%; padding:16px 12px; margin:0; min-height:0; color:#fff; font-size:.83rem; -webkit-line-clamp:3; }
#edu-videos .av-playlist-track { grid-auto-columns:calc((100% - 48px)/4); }
#edu-videos .av-playlist { display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; padding:20px; border:1px solid #243752; border-radius:12px; background:#09132c; color:#fff; text-align:left; cursor:pointer; transition:border-color .2s ease; }
#edu-videos .av-playlist:hover { border-color:#85baf2; }
#edu-videos .av-playlist img { width:96px; height:100%; min-height:106px; object-fit:cover; border-radius:6px; }
#edu-videos .av-playlist h3 { margin:0 0 10px; color:#fff; font:700 .95rem/1.3 Archivo,sans-serif; }
#edu-videos .av-playlist p { margin:0 0 12px; color:#bdcde3; font-size:.72rem; line-height:1.6; }
#edu-videos .av-playlist span { display:inline-block; color:#91cbff; font-size:.75rem; font-weight:700; }
#edu-videos .av-playlist-detail { margin-top:24px; padding:24px; border:1px solid var(--av-line); border-radius:12px; background:var(--av-paper); }
#edu-videos .av-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
#edu-videos .av-grid.av-short-results { grid-template-columns:repeat(8,minmax(0,1fr)); gap:16px; }
#edu-videos .av-catalog { scroll-margin-top:100px; }
#edu-videos .av-empty { padding:48px 20px; text-align:center; border:1px dashed var(--av-line); border-radius:12px; }
#edu-videos .av-empty > span { font-size:36px; color:var(--av-muted); }
#edu-videos .av-empty h3 { margin:12px 0; color:var(--av-ink); font:700 1.2rem Archivo,sans-serif; }
#edu-videos .av-empty p { margin:0 0 20px; color:var(--av-muted); font-size:.85rem; }
#edu-videos .av-empty button, #edu-videos .av-load-more { min-height:44px; padding:0 20px; border:1px solid var(--av-line); border-radius:8px; background:var(--av-paper); color:var(--av-blue); font-weight:700; cursor:pointer; }
#edu-videos .av-load-more { display:block; margin:28px auto 0; }
#edu-videos .av-reveal { animation:av-appear .35s cubic-bezier(.16,1,.3,1) both; animation-delay:var(--av-delay,0ms); }
@keyframes av-appear { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
#edu-shorts .av-back { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin:0 0 24px; color:var(--av-blue); font-size:.85rem; font-weight:700; }
#edu-shorts .av-shorts-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; margin-bottom:60px; }
@media(max-width:1299px) {
  #edu-videos .av-hero { padding:36px; gap:32px; }
  #edu-videos .av-hero-copy > p { font-size:.85rem; }
  #edu-videos .av-featured-layout { grid-template-columns:minmax(0,6fr) minmax(0,4fr); gap:20px; }
  #edu-videos .av-featured-card { min-height:430px; }
  #edu-videos .av-video-track { grid-auto-columns:calc((100% - 48px)/4); }
  #edu-videos .av-shorts-track { grid-auto-columns:calc((100% - 80px)/6); }
  #edu-videos .av-playlist-track { grid-auto-columns:calc((100% - 16px)/2); }
  #edu-videos .av-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  #edu-videos .av-grid.av-short-results { grid-template-columns:repeat(6,minmax(0,1fr)); }
  #edu-shorts .av-shorts-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:899px) {
  #edu-videos .av-hero { grid-template-columns:minmax(0,1fr); gap:0; min-height:440px; }
  #edu-videos .av-hero-editorial { display:none; }
  #edu-videos .av-hero-copy > p { max-width:68ch; }
  #edu-videos .av-controls-top { flex-wrap:wrap; gap:12px; }
  #edu-videos .av-formats { order:1; }
  #edu-videos .av-sort { order:2; margin-left:auto; }
  #edu-videos .av-search { order:3; flex-basis:100%; }
  #edu-videos .av-featured-layout { grid-template-columns:minmax(0,1fr); }
  #edu-videos .av-featured-card { min-height:380px; }
  #edu-videos .av-featured-side { grid-auto-flow:column; grid-template-rows:none; grid-auto-columns:70%; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; }
  #edu-videos .av-featured-side .av-card { scroll-snap-align:start; }
  #edu-videos .av-shorts-track { grid-auto-columns:32%; }
  #edu-videos .av-video-track { grid-auto-columns:42%; }
  #edu-videos .av-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #edu-videos .av-grid.av-short-results { grid-template-columns:repeat(3,minmax(0,1fr)); }
  :is(#edu-videos,#edu-shorts) .av-heading { align-items:flex-start; gap:16px; flex-wrap:wrap; }
  #edu-videos .av-row-actions { width:100%; justify-content:space-between; }
  #edu-videos .av-heading > .av-arrows { margin-left:auto; }
}
@media(max-width:599px) {
  :is(#edu-videos,#edu-shorts) { scroll-margin-top:88px; }
  #edu-videos .av-hero { padding:32px 24px; min-height:440px; }
  #edu-videos .av-hero h1 { font-size:2.8rem; }
  #edu-videos .av-hero-image { object-position:63% center; }
  #edu-videos .av-hero::after { background:linear-gradient(90deg,rgba(2,7,24,.95),rgba(2,7,24,.7)); }
  #edu-videos .av-hero-copy > p { font-size:.82rem; line-height:1.65; }
  #edu-videos .av-controls { margin-bottom:36px; }
  #edu-videos .av-formats { width:100%; justify-content:space-between; }
  #edu-videos .av-formats button { flex:1; padding:0 12px; }
  #edu-videos .av-sort { width:100%; order:4; }
  #edu-videos .av-sort select { width:100%; }
  #edu-videos .av-section { margin-bottom:44px; }
  #edu-videos .av-featured-card { aspect-ratio:auto; min-height:430px; }
  #edu-videos .av-featured-card .av-card-body { padding:24px; }
  #edu-videos .av-featured-card h3 { font-size:1.55rem; }
  #edu-videos .av-featured-card .av-summary { font-size:.8rem; }
  #edu-videos .av-featured-side { grid-auto-columns:88%; }
  #edu-videos .av-shorts-track { grid-auto-columns:47%; }
  #edu-videos .av-video-track { grid-auto-columns:62%; }
  #edu-videos .av-playlist-track { grid-auto-columns:calc((100% - 16px)/1.5); }
  #edu-videos .av-playlist { padding:12px; grid-template-columns:64px minmax(0,1fr); gap:12px; }
  #edu-videos .av-playlist img { width:64px; }
  #edu-videos .av-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  #edu-videos .av-grid.av-short-results { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  #edu-videos .av-playlist-detail { padding:16px; }
  #edu-shorts .av-shorts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(#edu-videos,#edu-shorts) *, :is(#edu-videos,#edu-shorts) *::before, :is(#edu-videos,#edu-shorts) *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}