#component-classrooms{
      --accent:#003F87;
      --stroke:rgba(255,255,255,.14);
      --txt:#fff; --muted:rgba(255,255,255,.72);
      --radius:20px;
      
      --halo: rgba(0,63,135,.45);
      --haloL: rgba(0,63,135,.35);
      --haloR: rgba(0,63,135,.35);
    }
#component-classrooms .lsavs{ width:min(100%,1200px); max-width:100%; margin:40px auto; }
#component-classrooms .lsavs-grid{ display:grid; grid-template-columns:1.1fr 1.6fr; gap:28px; align-items:center; }
#component-classrooms .lsavs-copy{ color:#111; }
#component-classrooms .lsavs-eyebrow{ font:600 13px/1.2 ui-sans-serif,system-ui,-apple-system; letter-spacing:.14em; text-transform:uppercase; color:#6b7280; margin-bottom:10px; }
#component-classrooms .lsavs-title{ font:700 clamp(24px,3.2vw,42px)/1.1 "Poppins",ui-sans-serif,system-ui; color:var(--accent); margin:0 0 12px; }
#component-classrooms .lsavs-blurb{ font:500 clamp(14px,1.4vw,18px)/1.45 ui-sans-serif,system-ui; color:#1f2937; margin:0 0 20px; }
#component-classrooms .lsavs-cta{
      display:inline-grid; place-items:center; height:42px; padding:0 18px; border-radius:999px;
      color:#fff; background:var(--accent); border:0; box-shadow:0 10px 30px rgba(0,63,135,.25);
      cursor:pointer; transition:transform .12s ease, box-shadow .2s ease; font:600 14px/1 ui-sans-serif,system-ui;
    }
#component-classrooms .lsavs-cta:hover{ transform:translateY(-1px); box-shadow:0 14px 36px rgba(0,63,135,.33); }
#component-classrooms .ap-shell{
      position:relative; isolation:isolate; border-radius:var(--radius); overflow:clip;
      background:#000; aspect-ratio:16/9;
      
      box-shadow:0 0 92px var(--halo), 0 44px 160px -20px rgba(0,0,0,.78);
    }
#component-classrooms .ap-halo{
      position:absolute; inset:0; z-index:0; pointer-events:none;
      filter:blur(50px);
      background:
        radial-gradient(60% 70% at 20% 50%, var(--haloL) 0 50%, transparent 70%),
        radial-gradient(60% 70% at 80% 50%, var(--haloR) 0 50%, transparent 70%);
      opacity:.8;
    }
#component-classrooms .ap-frame{ position:absolute; inset:0; z-index:1; border-radius:var(--radius); overflow:clip; }
#component-classrooms .ap-video,#component-classrooms .ap-poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; display:block; }
#component-classrooms .ap-ambient{
      position:absolute; inset:0; z-index:0;
      filter:blur(110px) saturate(220%) brightness(1.15);
      opacity:.85; pointer-events:none;
      mask-image:radial-gradient(ellipse at center, rgba(0,0,0,.95) 30%, rgba(0,0,0,.6) 65%, transparent 100%);
    }
#component-classrooms .ap-ui{ position:absolute; inset:0; z-index:2; display:grid; grid-template-rows:1fr auto; color:var(--txt); transition:opacity .25s ease; }
#component-classrooms .ap-ui.is-hidden{ opacity:0; pointer-events:none; }
#component-classrooms .ap-controls{
      display:grid; gap:10px; padding:12px 12px 14px; align-self:end;
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
      backdrop-filter:blur(10px) saturate(130%); border-top:1px solid var(--stroke);
    }
#component-classrooms .ap-seek{ margin:2px 4px 6px; }
#component-classrooms .ap-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#component-classrooms .ap-left,#component-classrooms .ap-right{ display:flex; align-items:center; gap:10px; flex:1; }
#component-classrooms .ap-right{ justify-content:flex-end; }
#component-classrooms .ap-track{ position:relative; width:100%; height:3px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.16); cursor:pointer; }
#component-classrooms .ap-buffered{ position:absolute; inset:0 auto 0 0; width:0%; background:rgba(255,255,255,.22); }
#component-classrooms .ap-fill{ position:absolute; inset:0 auto 0 0; width:0%; background:linear-gradient(90deg,#79A6DA,rgba(255,255,255,.9)); box-shadow:0 0 14px rgba(255,255,255,.35); }
#component-classrooms .ap-handle{ position:absolute; top:50%; transform:translate(-50%,-50%); left:0%; width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid rgba(0,0,0,.25); box-shadow:0 6px 18px rgba(0,0,0,.35); }
#component-classrooms .ap-btn{ --size:34px; width:var(--size); height:var(--size); display:grid; place-items:center; border-radius:50%;
      cursor:pointer; user-select:none; background:rgba(255,255,255,.08); border:1px solid var(--stroke);
      backdrop-filter:blur(6px); box-shadow:0 8px 20px rgba(0,0,0,.25); transition:transform .16s ease, box-shadow .2s ease;
    }
#component-classrooms .ap-btn:hover{ transform:translateY(-1px) scale(1.03); }
#component-classrooms .ap-btn svg{ width:16px; height:16px; fill:#fff; opacity:.95; }
#component-classrooms .ap-time{ font:600 11px/1 ui-sans-serif,system-ui; color:var(--muted); min-width:78px; text-align:center; }
@media (max-width:1000px){#component-classrooms .lsavs-grid{ display:block; }
#component-classrooms .lsavs-copy{ text-align:center; margin-bottom:16px; }
#component-classrooms .lsavs-eyebrow{ display:block; color:#6b7280; margin-bottom:8px; }
#component-classrooms .lsavs-title{ margin-bottom:0; }
#component-classrooms .lsavs-blurb,#component-classrooms .lsavs-cta{ display:none !important; }}
@media (hover:hover){#component-classrooms .ap-shell.hide-cursor{ cursor:none; }}