.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 4.8rem)}.sidebar{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.15rem;background:#101f3b;color:#dbe5f4;border-right:1px solid #253b60}.sidebar-heading{padding:.25rem .8rem 1rem;border-bottom:1px solid #2c4265}.sidebar-heading strong{display:block;color:#fff;font:1.35rem Georgia,serif}.sidebar-kicker{display:block;margin-bottom:.35rem;color:#c79d38;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.sidebar-nav{display:grid;gap:.35rem}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.78rem .8rem;border-radius:.65rem;color:#bdcbe0;text-decoration:none;font-size:.92rem;transition:background .2s,color .2s}.sidebar-link:hover,.sidebar-link:focus-visible{background:#1b3155;color:#fff;outline:none}.nav-icon{display:grid;place-items:center;width:1.5rem;height:1.5rem;color:#d0a94d;font-size:1.1rem}.sidebar-user{margin-top:auto;padding:1rem .8rem;border:1px solid #2c4265;border-radius:.7rem;background:#142849}.sidebar-user span,.sidebar-user small{display:block}.sidebar-user span{overflow:hidden;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{margin-top:.2rem;color:#aebed5;font-size:.75rem}.workspace-main{width:min(100%,1280px)}.admin-card-primary{border-top:3px solid var(--gold)}.topbar{position:relative;z-index:2;box-shadow:0 8px 25px rgba(13,27,53,.12)}.page-heading{max-width:900px}.page-heading h1{letter-spacing:-.025em}.metric-card{position:relative;overflow:hidden;border-radius:.8rem;box-shadow:0 10px 30px rgba(13,27,53,.04)}.metric-card:after{position:absolute;right:-1rem;bottom:-2rem;width:5rem;height:5rem;border:1px solid rgba(199,157,56,.25);border-radius:50%;content:""}.admin-card h2{letter-spacing:-.015em}.admin-card .eyebrow{margin-bottom:.45rem}.sidebar-link:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(199,157,56,.48);outline-offset:2px}@media(max-width:800px){.workspace{display:block;min-height:auto}.sidebar{display:flex;flex-direction:row;align-items:center;gap:1rem;overflow:auto;padding:.65rem 1rem}.sidebar-heading{min-width:max-content;padding:.25rem .8rem;border:0}.sidebar-heading strong{font-size:1.05rem}.sidebar-kicker{display:none}.sidebar-nav{display:flex;min-width:max-content;gap:.25rem}.sidebar-link{padding:.62rem .7rem;white-space:nowrap}.sidebar-user{display:none}.workspace-main{padding-top:2rem}}

.lesson-video { padding: 0; }
.lesson-video__wrap { position: relative; width: 100%; padding-top: 56.25%; background: #0a162d; border-radius: .9rem; overflow: hidden; box-shadow: 0 18px 44px rgba(10,22,45,.22); }
.lesson-video__iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.lesson-video .hint { margin: .8rem .2rem 0; }

.resource-video { display: grid; gap: .55rem; }
.resource-video__title { font-weight: 700; color: var(--navy); }
.resource-video .lesson-video__wrap { border-radius: .6rem; }

@media (min-width: 801px) {
  .lesson-layout > aside { position: sticky; top: 5.5rem; align-self: start; height: max-content; }
}