.oc-tutorial{max-width:1200px;margin-inline:auto}.oc-tutorial-meta{color:#526561;font-size:15px;margin:16px 0 28px}.oc-tutorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.oc-tutorial-player{width:100%;max-width:430px;height:auto;margin-inline:auto;aspect-ratio:9/16;display:block;border-radius:24px;background:#142c2b;border:1px solid #d9e4df}.oc-tutorial-note{font-size:15px;line-height:1.7;color:#526561;margin:16px 0}.oc-tutorial-text-link{display:inline-flex;align-items:center;min-height:44px;margin-right:22px;text-decoration:underline;text-underline-offset:4px;font-size:16px}.oc-tutorial-chapters{background:#fff;border:1px solid #d9e4df;border-radius:24px;padding:24px}.oc-tutorial-chapters h2{font-size:22px;line-height:1.3;margin:0 0 20px}.oc-tutorial-chapters ol{padding:0;margin:0;list-style:none}.oc-tutorial-chapters li+li{border-top:1px solid #eef2ef}.oc-tutorial-chapters button{display:flex;gap:14px;width:100%;text-align:left;min-height:58px;padding:13px 0;font-size:16px;line-height:1.5;cursor:pointer;color:#142c2b}.oc-tutorial-time{color:#087f5b;min-width:38px;font-variant-numeric:tabular-nums;font-weight:600}.oc-tutorial-actions{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 48px}.oc-tutorial-transcript{max-width:780px;scroll-margin-top:24px}.oc-tutorial-transcript h2{font-size:32px;line-height:1.2;margin:10px 0 28px}.oc-tutorial-transcript h3{font-size:21px;margin:28px 0 12px;line-height:1.4}.oc-tutorial-transcript p{font-size:17px;line-height:1.85}.oc-tutorial :is(a,button,video):focus-visible{outline:3px solid #087f5b;outline-offset:5px}.oc-tutorial video::cue{font-size:1em;background:rgba(20,44,43,.95);color:#fff}@media(max-width:760px){.oc-tutorial-layout{grid-template-columns:minmax(0,1fr);gap:24px}.oc-tutorial-player{border-radius:16px}.oc-tutorial-chapters{padding:20px}.oc-tutorial-meta{line-height:1.7}.oc-tutorial-actions>a{flex:1 1 140px}.oc-tutorial h1{overflow-wrap:anywhere}}