.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px}.tutorial{min-width:0;scroll-margin-top:100px}.tutorial h2{font-size:clamp(1.25rem,2vw,1.65rem);margin:0 0 8px}.tutorial-time{color:var(--muted,#aaa5b4);margin:0 0 18px;font-variant-numeric:tabular-nums}.tutorial video,.guide-video video{display:block;width:100%;aspect-ratio:16/9;background:#101016;border-radius:16px;border:1px solid #565061}.tutorial details{margin-top:18px}.tutorial summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0}.tutorial details p{white-space:pre-line;max-width:70ch;line-height:1.7}.tutorial-note{font-size:.95rem;line-height:1.6}.guide-sample{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;margin:48px 0 72px}.guide-sample img{display:block;width:100%;height:auto;border:1px solid #565061;border-radius:14px}.guide-sample p{line-height:1.7}.guide-video{max-width:920px}.tutorial a:focus-visible,.tutorial summary:focus-visible,.guide-sample a:focus-visible{outline:3px solid #75a1ff;outline-offset:5px}@media(max-width:720px){.tutorial-grid,.guide-sample{grid-template-columns:1fr}.tutorial-grid{gap:44px}.guide-sample{gap:20px;margin:32px 0 48px}}
