.basics-course-studio{--reading-title:42px;--reading-section-title:28px}.basics-course-studio .basics-hero,.basics-course-studio .basics-layout{grid-template-columns:172px minmax(0, var(--tutorial-reading-width,960px));justify-content:center;gap:64px;width:min(1280px,100% - 64px)}.basics-course-studio .basics-hero{padding:48px 0 40px}.basics-course-studio .basics-hero-copy,.basics-course-studio .basics-scenes{width:auto;margin-left:0}.basics-course-studio .basics-hero h1{max-width:none;font-size:var(--reading-title);letter-spacing:-.025em;text-align:center;text-wrap:balance;font-weight:600;line-height:1.25}.basics-course-studio .basics-lead{margin-top:20px;font-size:17px;line-height:1.8}.basics-course-studio .basics-hero-meta{margin-top:20px;font-size:13px}.basics-course-studio .basics-scene-nav{border-color:var(--tutorial-border);flex-direction:column;width:100%;padding-top:0;display:flex}.basics-course-studio .basics-scene-nav>p{font-size:13px}.basics-course-studio .basics-scene-nav>button{min-height:48px}.basics-course-studio .basics-scene-nav>button span{font-size:14px}.basics-course-studio .basics-scene-nav>button small{font-size:12px}.basics-course-studio .basics-scene{margin-bottom:44px;padding-bottom:44px}.basics-course-studio .basics-scene-heading{border-bottom:0;grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:12px;margin-bottom:20px}.basics-course-studio .basics-scene-heading>span{font-size:18px;font-weight:500}.basics-course-studio .basics-scene-heading h2{font-size:var(--reading-section-title);font-weight:600;line-height:1.35}.basics-course-studio .basics-prose{max-width:none}.basics-course-studio .basics-prose p{margin-bottom:20px;font-size:17px;line-height:1.85}.basics-course-studio .basics-prose p:last-child{margin-bottom:0}.basics-course-studio .l1-transcript{padding:20px 24px;font-size:14px;line-height:1.75}@media (width<=1180px){.basics-course-studio .basics-hero,.basics-course-studio .basics-layout{grid-template-columns:152px minmax(0, var(--tutorial-reading-width,960px));gap:36px;width:calc(100% - 48px)}}@media (width<=720px){.basics-course-studio{--reading-title:32px;--reading-section-title:24px}.basics-course-studio .basics-hero,.basics-course-studio .basics-layout{flex-direction:column;gap:0;width:calc(100% - 40px);display:flex}.basics-course-studio .basics-hero{padding:32px 0 24px}.basics-course-studio .basics-lead{margin-top:16px;font-size:16px;line-height:1.75}.basics-course-studio .basics-hero-meta{margin-top:16px}.basics-course-studio .basics-scene-nav{border-block:1px solid var(--tutorial-border);flex-flow:row;order:0;margin:0 0 32px;padding:0;overflow-x:auto}.basics-course-studio .basics-scene-nav>p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.basics-course-studio .basics-scene-nav>button{border:0;flex:none;width:auto;min-height:48px;padding:0 12px}.basics-course-studio .basics-scene-nav>button span{white-space:nowrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.basics-course-studio .basics-scene-nav>button small{font-size:11px}.basics-course-studio .basics-scenes{order:1}.basics-course-studio .basics-scene-heading{grid-template-columns:30px minmax(0,1fr);gap:8px;margin-bottom:16px}.basics-course-studio .basics-prose p{font-size:16px;line-height:1.85}.basics-course-studio .basics-scene{margin-bottom:32px;padding-bottom:32px}}