.tutorial-page-module__Qs3KXG__page{max-width:1440px}.tutorial-page-module__Qs3KXG__content{max-width:78ch;color:var(--aesthetic-color-ink);margin-top:32px;font-size:1rem;line-height:1.9}.tutorial-page-module__Qs3KXG__content h2{scroll-margin-top:calc(var(--product-header-height) + 24px);margin:36px 0 12px;padding-top:8px;font-size:1.25rem;line-height:1.5}.tutorial-page-module__Qs3KXG__content h2:first-child{margin-top:0}.tutorial-page-module__Qs3KXG__content h2:focus{outline:none}.tutorial-page-module__Qs3KXG__content p{margin:12px 0}.tutorial-page-module__Qs3KXG__content ol,.tutorial-page-module__Qs3KXG__content ul{margin:12px 0;padding-left:1.5em}.tutorial-page-module__Qs3KXG__content li{margin:10px 0;padding-left:4px}.tutorial-page-module__Qs3KXG__content strong{font-weight:600}.tutorial-page-module__Qs3KXG__content .tutorial-summary{border-radius:var(--aesthetic-radius-panel);background:var(--aesthetic-color-surface-soft);margin-bottom:32px;padding:24px}.tutorial-page-module__Qs3KXG__content .tutorial-summary p:last-child{margin-bottom:0}.tutorial-page-module__Qs3KXG__content .legal-note{color:var(--aesthetic-color-muted);font-size:.9375rem}.tutorial-page-module__Qs3KXG__content a{color:var(--aesthetic-color-brand-strong);overflow-wrap:anywhere}.tutorial-page-module__Qs3KXG__content a:focus-visible,.tutorial-page-module__Qs3KXG__example summary:focus-visible,.tutorial-page-module__Qs3KXG__backLink:focus-visible{outline:var(--aesthetic-focus-ring);outline-offset:4px}.tutorial-page-module__Qs3KXG__example{border-block:1px solid var(--aesthetic-color-border);max-width:78ch;margin-top:32px}.tutorial-page-module__Qs3KXG__example>summary{cursor:pointer;min-height:56px;padding:20px 4px;font-size:1rem;font-weight:600;line-height:1.6}.tutorial-page-module__Qs3KXG__resultPreview{padding:8px 0 24px}.tutorial-page-module__Qs3KXG__resultPreview>header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.tutorial-page-module__Qs3KXG__resultPreview>header span,.tutorial-page-module__Qs3KXG__resultPreview>header strong{color:var(--aesthetic-color-muted);font-size:.875rem;font-weight:400}.tutorial-page-module__Qs3KXG__resultPreview h2{margin:8px 0;font-size:1.125rem}.tutorial-page-module__Qs3KXG__resultPreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tutorial-page-module__Qs3KXG__resultPreviewGrid figure{min-width:0;margin:0}.tutorial-page-module__Qs3KXG__resultPreviewGrid img{object-fit:contain;background:var(--aesthetic-color-surface-soft);border-radius:var(--aesthetic-radius-control);width:100%;height:280px}.tutorial-page-module__Qs3KXG__resultPreviewGrid figcaption{margin-top:8px;font-size:.875rem;line-height:1.7}.tutorial-page-module__Qs3KXG__resultPreview p,.tutorial-page-module__Qs3KXG__resultPreview li{color:var(--aesthetic-color-muted);font-size:.9375rem;line-height:1.8}.tutorial-page-module__Qs3KXG__resultPreview ul{padding-left:20px}.tutorial-page-module__Qs3KXG__footer{border-top:1px solid var(--aesthetic-color-border);flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:78ch;margin-top:40px;padding-top:24px;display:flex}.tutorial-page-module__Qs3KXG__backLink{min-height:44px;color:var(--aesthetic-color-brand-strong);align-items:center;gap:8px;font-size:1rem;text-decoration:none;display:inline-flex}@media (max-width:44rem){.tutorial-page-module__Qs3KXG__content{margin-top:24px}.tutorial-page-module__Qs3KXG__content .tutorial-summary{padding:20px}.tutorial-page-module__Qs3KXG__resultPreview>header{flex-direction:column;gap:0}.tutorial-page-module__Qs3KXG__resultPreviewGrid{gap:8px}.tutorial-page-module__Qs3KXG__resultPreviewGrid img{height:210px}.tutorial-page-module__Qs3KXG__content h2{font-size:1.1875rem}}