:root{color-scheme:dark;font:16px/1.55 system-ui,-apple-system,sans-serif;color:#e8eaf0;background:#0e1014}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:0 auto;padding:40px 24px 28px;border-bottom:1px solid #343844}h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:12px 0 20px;letter-spacing:-.03em}h2{font-size:26px;line-height:1.25;margin:6px 0 12px}a{color:#a8b3ff;text-underline-offset:4px}.eyebrow,.group{color:#a2a8b5;font-size:13px;letter-spacing:.06em}.layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;padding:32px 24px}#contents{position:sticky;top:20px;align-self:start;max-height:92vh;overflow:auto;font-size:14px}#contents a{display:block;padding:7px 0;text-decoration:none;color:#b9bfcc}#contents a:hover{color:#e8eaf0}article{scroll-margin-top:24px;margin-bottom:56px;padding-bottom:32px;border-bottom:1px solid #343844}video,iframe{display:block;width:100%;border:1px solid #343844;border-radius:12px;background:#0e1014}video{height:auto;max-height:700px;aspect-ratio:16/9;object-fit:contain}iframe{height:760px}button{font:inherit;color:#e8eaf0;background:#14171d;border:1px solid #4b5263;border-radius:8px;padding:9px 14px;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #7181ff;outline-offset:3px}.tools{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 0}details{margin-top:16px;color:#b9bfcc}summary{cursor:pointer}pre{white-space:pre-wrap;font:inherit}.number{color:#8996ff}footer{max-width:1200px;margin:auto;padding:24px;color:#b9bfcc}@media(max-width:760px){.layout{display:block;padding:20px 16px}#contents{position:static;max-height:180px;margin-bottom:30px;border-bottom:1px solid #343844}header{padding:24px 16px}h2{font-size:23px}iframe{height:540px}article{margin-bottom:36px}}
video[hidden]{display:none!important}
.course-switch{display:flex;gap:20px;margin-top:24px;flex-wrap:wrap}.course-switch a[aria-current]{color:#e8eaf0;font-weight:700}.course-cards{max-width:1200px;margin:auto;padding:32px 24px;display:grid;grid-template-columns:1fr 1fr;gap:36px}@media(max-width:760px){.course-cards{grid-template-columns:1fr}}

.lesson-player{position:relative}.lesson-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#14171df2;border-color:#a8b3ff;box-shadow:0 4px 20px #0008}.lesson-player[hidden],.lesson-play[hidden],.media-error[hidden]{display:none!important}.media-error{padding:10px 0}.lesson-play:disabled{cursor:wait}