/* Students section for the existing Learn Jumpstyle design. */
.ljs-students{border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:28px}
.ljs-students .eyebrow{margin-bottom:20px}
.ljs-students-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:end;gap:24px 65px;margin-bottom:36px}
.ljs-students-heading h2{text-transform:uppercase;max-width:18ch}
.ljs-students-heading h2 span{color:var(--lime)}
.ljs-students-intro{max-width:37ch}
.ljs-students-source{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:.8125rem;font-weight:650;margin-top:17px}
.ljs-students-source svg{width:18px;height:18px;flex:none}
.ljs-students-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.ljs-students-card{min-width:0;border:1px solid var(--line);background:var(--surface)}
.ljs-students-open{display:block;height:100%;position:relative;transition:border-color .18s,transform .18s}
.ljs-students-open:hover{transform:translateY(-4px)}
.ljs-students-open:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.ljs-students-poster{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#090a08;border-bottom:1px solid var(--line)}
.ljs-students-poster img{width:100%;height:100%;object-fit:contain}
.ljs-students-play{position:absolute;left:13px;bottom:13px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--lime);background:var(--lime);color:var(--bg);transition:background .18s}
.ljs-students-play svg{width:19px;height:19px}
.ljs-students-open:hover .ljs-students-play{background:#e1ff80}
.ljs-students-caption{display:block;padding:16px 15px 18px}
.ljs-students-title{display:block;color:var(--ink);font-size:.9375rem;line-height:1.3;font-weight:700;margin-bottom:5px}
.ljs-students-meta{display:block;color:var(--muted);font-size:.6875rem;line-height:1.4}
.ljs-students-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}
.ljs-students-original{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem;font-weight:650}
.ljs-students-original:hover{color:var(--lime)}
.ljs-students-original svg,.ljs-students .button svg{width:22px;height:22px;flex:none}
.ljs-students .button{font-size:.9375rem;min-height:50px;padding:12px 20px}
.ljs-students-dialog{border:1px solid var(--line);padding:0;background:var(--bg);color:var(--ink);width:min(calc(100% - 28px),850px);max-width:none;max-height:calc(100% - 28px);overflow:auto;overscroll-behavior:contain}
.ljs-students-dialog::backdrop{background:rgba(0,0,0,.88)}
body:has(.ljs-students-dialog[open]){overflow:hidden}
.ljs-students-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid var(--line)}
.ljs-students-dialog-head h3{font-size:1.05rem}
.ljs-students-close{background:var(--surface);color:var(--ink);border:1px solid var(--line);width:44px;height:44px;font-size:1.6rem;line-height:1;cursor:pointer;flex:none}
.ljs-students-close:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.ljs-students-dialog-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}
.ljs-students-media{min-width:0;background:#080908}
.ljs-students-media video,.ljs-students-media img{display:block;width:100%;height:min(71vh,720px);object-fit:contain;background:#080908}
.ljs-students-details{padding:25px}
.ljs-students-details>p{font-size:.9375rem;margin:0 0 15px}
.ljs-students-details .ljs-students-meta{font-size:.75rem;color:var(--lime);margin-bottom:15px}
.ljs-students-details .ljs-students-original{display:inline-flex;align-items:center;font-size:.8125rem;min-height:44px;color:var(--lime);line-height:1.4}
@media(max-width:1000px){
 .ljs-students-heading{gap:24px;grid-template-columns:1.2fr 1fr}
 .ljs-students-grid{gap:12px}
 .ljs-students-caption{padding:13px 11px}
 .ljs-students-title{font-size:.875rem}
 .ljs-students-meta{font-size:.625rem}
}
@media(max-width:760px){
 .ljs-students-heading{grid-template-columns:1fr;gap:18px;margin-bottom:26px}
 .ljs-students-heading h2{max-width:18ch}
 .ljs-students-intro{max-width:45ch;font-size:.9375rem}
 .ljs-students-source{margin-top:10px}
 .ljs-students-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ljs-students-bottom{flex-wrap:wrap;gap:10px;margin-top:20px}
 .ljs-students-dialog-body{grid-template-columns:1fr}
 .ljs-students-dialog{max-width:480px}
 .ljs-students-media video,.ljs-students-media img{height:min(62vh,600px)}
 .ljs-students-details{padding:16px}
 .ljs-students-details>p{font-size:.8125rem;margin-bottom:8px}
}
@media(max-width:380px){
 .ljs-students-grid{gap:9px}
 .ljs-students-caption{padding:10px 8px}
 .ljs-students-title{font-size:.8125rem}
 .ljs-students-play{width:36px;height:36px;left:8px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .ljs-students-open,.ljs-students-play{transition:none}
 .ljs-students-open:hover{transform:none}
}

/* Expand lessons remains available through its text label. */
.lesson-toggle::after{display:none}