.student-shell{max-width:1250px;margin:3rem auto;padding:0 clamp(1rem,4vw,3rem);font-family:system-ui,sans-serif;color:#26322e}.student-shell h1{font-size:clamp(2rem,4vw,3.5rem);margin:.1em 0 .5em}.student-shell.compact{max-width:620px}.student-kicker{font-size:.72rem;letter-spacing:.18em;color:#748079}.student-heading,.student-links{display:flex;align-items:center;justify-content:space-between;gap:1rem}.student-links a{color:inherit}.student-links button,.student-form button{background:#273c35;border:0;border-radius:6px;color:white;padding:.75rem 1.3rem;cursor:pointer}.student-muted{color:#787d79}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.series-card{min-height:230px;padding:1.8rem;border:1px solid #d5d9d2;border-radius:12px;background:#f8f9f5;display:flex;flex-direction:column}.series-card small{color:#c16f54}.series-card h2{font-size:1.4rem}.series-card a,.series-card p{margin-top:auto}.student-form{display:grid;gap:1rem}.student-form label{display:grid;gap:.35rem}.student-form input{padding:.8rem;border:1px solid #aab3ac;border-radius:5px;max-width:100%}.student-form .errorlist{color:#9b3731}.classroom{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:1rem;min-height:550px}.course-index,.lesson-view{padding:1.4rem;border:1px solid #dae0d9;border-radius:12px}.course-index{background:#f7f8f3}.course-index ol{list-style:none;padding-left:1rem}.course-index>ol{padding-left:0}.course-index li{margin:.55rem 0}.course-index a{color:#284c3d;text-decoration:none}.course-index a[aria-current]{font-weight:750;text-decoration:underline}.tree-depth-1{font-weight:650}.tree-depth-2{font-weight:400}.tree-depth-3{font-weight:400}.course-index span{color:#999}.video-placeholder{aspect-ratio:16/9;max-height:570px;background:#1e2a27;border-radius:10px;color:#f7f6ef;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-placeholder span{font-size:1.4rem}.video-placeholder p{opacity:.6}@media(max-width:720px){.series-grid{grid-template-columns:1fr}.classroom{grid-template-columns:1fr}.course-index{max-height:240px;overflow:auto}.student-heading{align-items:start;flex-direction:column}}

.student-entry{display:inline-flex;align-items:center;align-self:center;color:inherit;text-underline-offset:.22em;font-size:.86rem;white-space:nowrap}
/* The player stays inside the existing learning layout at narrow widths. */
.lesson-view,.lesson-player,.course-index{min-width:0}.lesson-screen{position:relative;background:#111b18;border-radius:10px;overflow:hidden;aspect-ratio:16/9}.lesson-screen video{display:block;width:100%;height:100%;object-fit:contain}.lesson-screen:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto}.lesson-watermark{position:absolute;left:12%;top:15%;max-width:68%;overflow-wrap:anywhere;color:#fff9;pointer-events:none;z-index:2;text-shadow:0 1px 3px #000;font-size:clamp(11px,1.2vw,16px);transition:left 1.4s,top 1.4s}.lesson-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eeeee5;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,#345249,#16211d 72%);padding:1rem;text-align:center}.lesson-cover[hidden]{display:none}.lesson-cover span{font-size:clamp(1rem,2vw,1.5rem)}.lesson-cover p{font-size:12px;color:#c9d4cc}.lesson-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.lesson-controls button,.lesson-controls select{padding:.65rem .85rem;border:1px solid #b8c4bb;border-radius:6px;font:inherit;background:#f5f6ef;color:#263c32}.lesson-controls button{cursor:pointer}.lesson-controls button:first-child{background:#273c35;color:white;border-color:#273c35}.lesson-controls label{display:flex;align-items:center;gap:.4rem;font-size:12px}.lesson-controls button:disabled,.lesson-controls select:disabled{opacity:.55;cursor:default}.lesson-note{font-size:12px;line-height:1.7}.student-shell input,.student-shell select{box-sizing:border-box}.student-shell .helptext ul{padding-left:1.2rem}.student-shell p{overflow-wrap:anywhere}
body>header{flex-wrap:wrap;gap:16px}body>header nav{flex-wrap:wrap}.student-form .helptext{font-size:12px;color:#758074}.student-form input{width:100%;min-width:0}.student-form p{margin:0}.student-form button:disabled{opacity:.5;cursor:default}