.tutorial-shell{width:min(calc(100% - 40px),1100px);margin-inline:auto}.tutorial-hero{padding:64px 0 42px;border-bottom:1px solid var(--line)}.tutorial-hero h1{max-width:900px}.tutorial-intro{max-width:790px;font-size:20px;line-height:1.55;color:#374151}.tutorial-grid{display:grid;gap:56px;padding:48px 0 76px}.tutorial{border-bottom:1px solid var(--line);padding-bottom:52px}.tutorial-heading h2{font-size:32px;line-height:1.15;margin:0 0 12px}.tutorial-heading p:last-child{font-size:18px;line-height:1.5;color:#374151;max-width:800px}.tutorial video{display:block;width:100%;aspect-ratio:16/9;background:#093b39;border:1px solid var(--line);border-radius:8px;margin:24px 0 16px}.tutorial-note{color:#56606b;line-height:1.5;margin:0 0 20px}.tutorial-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.tutorial details{border-top:1px solid var(--line);padding:17px 0}.tutorial details:last-of-type{border-bottom:1px solid var(--line)}.tutorial summary{cursor:pointer;font-weight:750;color:#006560}.tutorial pre{max-width:100%;overflow-x:auto;background:#f5f7f8;border:1px solid var(--line);border-radius:5px;padding:20px;line-height:1.6}.tutorial-transcript{padding-left:22px}.tutorial-transcript li{padding:10px 0;line-height:1.55}.tutorial-transcript p{margin:7px 0 0}.tutorial-downloads{font-size:14px;margin:17px 0 0}.tutorial-downloads a{color:#006560}@media(max-width:650px){.tutorial-hero{padding-top:40px}.tutorial-heading h2{font-size:26px}.tutorial-intro,.tutorial-heading p:last-child{font-size:17px}.tutorial-grid{gap:38px}.tutorial video{margin-top:18px}.tutorial-actions>*{width:100%;justify-content:center;text-align:center}.tutorial-shell{width:min(calc(100% - 32px),1100px)}}