.tutorial-hero{padding:112px 0 76px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,#1a1a23 0,transparent 62%)}
.tutorial-hero h1{max-width:760px;margin:18px 0 0;font-size:clamp(48px,6vw,82px);font-weight:600;line-height:1.06;letter-spacing:0}
.tutorial-hero > .shell > p:not(.label):not(.tutorial-prerequisite){max-width:520px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.tutorial-hero .tutorial-prerequisite{max-width:680px;margin-top:16px;color:#7f7f89;font-size:12px;line-height:1.7}
.tutorial-prerequisite a{color:#aab5ff;text-decoration:underline;text-underline-offset:3px}
.tutorial-section{padding:72px 0 150px}
.tutorial-gallery{display:grid;gap:42px;max-width:1160px}
.tutorial-gallery figure{margin:0;overflow:hidden;border:1px solid #303036;border-radius:8px;background:#121214;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.tutorial-gallery img{width:100%;cursor:zoom-in}
.tutorial-gallery figcaption{display:flex;align-items:baseline;gap:14px;padding:18px 20px;border-top:1px solid var(--line);color:#e1e1e6}
.tutorial-gallery figcaption strong{font-size:15px}.tutorial-gallery figcaption span{color:var(--muted);font-size:12px}
@media(max-width:850px){.tutorial-hero{padding:74px 0 54px}.tutorial-section{padding:42px 0 86px}.tutorial-gallery{gap:26px}.tutorial-gallery figcaption{align-items:start;flex-direction:column;gap:5px}}