.tutorial-breadcrumb[data-astro-cid-x77aehv4]{background:var(--color-canvas-soft);border-bottom:1px solid var(--color-hairline);padding-block:var(--spacing-md)}.breadcrumb[data-astro-cid-x77aehv4]{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.breadcrumb-link[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-body);transition:color var(--duration-fast) ease;text-decoration:none}.breadcrumb-link[data-astro-cid-x77aehv4]:hover{color:var(--color-accent)}.breadcrumb-sep[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-muted)}.breadcrumb-current[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.tutorial-header[data-astro-cid-x77aehv4]{background:var(--color-canvas-soft);border-bottom:1px solid var(--color-hairline);padding-block:clamp(48px,6vw,64px)}.tutorial-header-inner[data-astro-cid-x77aehv4]{grid-template-columns:1fr;align-items:start;gap:clamp(24px,4vw,32px);display:grid}@media (width>=1024px){.tutorial-header-inner[data-astro-cid-x77aehv4]{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:center}}.tutorial-header-content[data-astro-cid-x77aehv4]{gap:var(--spacing-md);flex-direction:column;display:flex}.tutorial-meta-row[data-astro-cid-x77aehv4]{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tutorial-meta-stat[data-astro-cid-x77aehv4]{font-size:var(--font-size-caption);color:var(--color-muted);font-family:var(--font-mono);align-items:center;gap:4px;display:flex}.tutorial-title[data-astro-cid-x77aehv4]{letter-spacing:0;color:var(--color-ink);max-width:760px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.1}.tutorial-lead[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-lg);color:var(--color-body);max-width:680px;line-height:1.6}.tutorial-tags[data-astro-cid-x77aehv4]{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tutorial-progress[data-astro-cid-x77aehv4]{background:var(--color-hairline);border-radius:var(--radius-full);height:2px;margin-top:var(--spacing-xs);overflow:hidden}.tutorial-progress-bar[data-astro-cid-x77aehv4]{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-mid-1));border-radius:var(--radius-full);height:100%;transition:width .1s linear}.tutorial-header-img[data-astro-cid-x77aehv4]{display:none}@media (width>=1024px){.tutorial-header-img[data-astro-cid-x77aehv4]{display:block}}.tutorial-cover-img[data-astro-cid-x77aehv4]{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--color-hairline);width:100%;max-width:400px;height:auto}.tutorial-content-wrap[data-astro-cid-x77aehv4]{padding-block:clamp(48px,6vw,64px)}.tutorial-layout[data-astro-cid-x77aehv4]{grid-template-columns:1fr;align-items:start;gap:clamp(32px,5vw,48px);display:grid}@media (width>=1024px){.tutorial-layout[data-astro-cid-x77aehv4]{grid-template-columns:minmax(0,880px) minmax(280px,300px);justify-content:space-between}}.prose[data-astro-cid-x77aehv4]{color:var(--color-body);line-height:1.8}.prose[data-astro-cid-x77aehv4] h2{font-size:var(--font-size-display-sm);color:var(--color-ink);letter-spacing:0;margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-hairline);font-weight:600}.prose[data-astro-cid-x77aehv4] h3{font-size:var(--font-size-body-lg);color:var(--color-ink);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xs);font-weight:600}.prose[data-astro-cid-x77aehv4] p{font-size:var(--font-size-body-md);color:var(--color-body);margin-bottom:var(--spacing-md);line-height:1.8}.prose[data-astro-cid-x77aehv4] ul,.prose[data-astro-cid-x77aehv4] ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.prose[data-astro-cid-x77aehv4] li{font-size:var(--font-size-body-md);color:var(--color-body);margin-bottom:var(--spacing-xs);line-height:1.7;list-style:outside}.prose[data-astro-cid-x77aehv4] strong{color:var(--color-ink);font-weight:600}.prose[data-astro-cid-x77aehv4] code{font-family:var(--font-mono);background:var(--color-canvas-raised);border-radius:var(--radius-xs);color:var(--color-accent);padding:2px 6px;font-size:.9em}.prose[data-astro-cid-x77aehv4] .tutorial-step{gap:var(--spacing-md);margin-block:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-2xl);flex-direction:column-reverse;display:flex;overflow:hidden}@media (width>=768px){.prose[data-astro-cid-x77aehv4] .tutorial-step{align-items:center;gap:var(--spacing-xl);grid-template-columns:1fr 1.3fr;display:grid}}.prose[data-astro-cid-x77aehv4] .tutorial-step-text{gap:var(--spacing-sm);flex-direction:column;display:flex}.prose[data-astro-cid-x77aehv4] .tutorial-step-text h2{font-size:var(--font-size-display-sm);border-bottom:none;margin-top:0;padding-bottom:0}.prose[data-astro-cid-x77aehv4] .tutorial-step-text p{margin-bottom:0}.prose[data-astro-cid-x77aehv4] .tutorial-step-tip{font-size:var(--font-size-body-sm);background:var(--color-accent-soft);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-ink);margin-top:var(--spacing-xs);border:1px solid #818cf833}.prose[data-astro-cid-x77aehv4] .tutorial-step-image{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas-soft);justify-content:center;align-items:center;display:flex;overflow:hidden}.prose[data-astro-cid-x77aehv4] .tutorial-step-image img{width:100%;height:auto;transition:transform var(--duration-base) var(--ease-out-expo);display:block}.prose[data-astro-cid-x77aehv4] .tutorial-step-image:hover img{transform:scale(1.03)}.tutorial-footer-actions[data-astro-cid-x77aehv4]{margin-top:var(--spacing-3xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.tutorial-nav-row[data-astro-cid-x77aehv4]{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tutorial-sidebar-inner[data-astro-cid-x77aehv4]{gap:var(--spacing-md);top:calc(var(--nav-height) + var(--spacing-lg));flex-direction:column;display:flex;position:sticky}.sidebar-card[data-astro-cid-x77aehv4]{background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);gap:var(--spacing-md);flex-direction:column;padding:clamp(16px,2vw,24px);display:flex}.sidebar-card-title[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-ink);letter-spacing:0;font-weight:600}.sidebar-info-list[data-astro-cid-x77aehv4]{gap:var(--spacing-sm);flex-direction:column;display:flex}.sidebar-info-item[data-astro-cid-x77aehv4]{padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;display:flex}.sidebar-info-item[data-astro-cid-x77aehv4]:last-child{border-bottom:none}.sidebar-info-label[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-muted);font-family:var(--font-mono)}.sidebar-info-value[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-ink);font-family:var(--font-mono)}.sidebar-info-link[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-accent);text-transform:capitalize;text-decoration:none}.sidebar-cta[data-astro-cid-x77aehv4]{background:var(--color-accent-soft);border-color:#6366f133}.sidebar-cta-text[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-body)}.sidebar-related-list[data-astro-cid-x77aehv4]{gap:var(--spacing-sm);flex-direction:column;display:flex}.sidebar-related-item[data-astro-cid-x77aehv4]{gap:var(--spacing-sm);border-radius:var(--radius-md);padding:var(--spacing-xs);transition:background-color var(--duration-fast) ease;text-decoration:none;display:flex}.sidebar-related-item[data-astro-cid-x77aehv4]:hover{background:var(--color-canvas-raised)}.sidebar-related-img[data-astro-cid-x77aehv4]{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-canvas-soft);flex-shrink:0;width:60px;height:40px}.sidebar-related-info[data-astro-cid-x77aehv4]{flex-direction:column;gap:2px;display:flex}.sidebar-related-title[data-astro-cid-x77aehv4]{font-size:var(--font-size-body-sm);color:var(--color-ink);font-weight:500;line-height:1.3}.sidebar-related-meta[data-astro-cid-x77aehv4]{font-size:var(--font-size-caption);color:var(--color-muted);font-family:var(--font-mono)}