.tutorial-detail-hero[data-astro-cid-amgwr4wo]{position:relative;padding:var(--space-16) 0 var(--space-12);overflow:hidden;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.tutorial-detail-hero-bg[data-astro-cid-amgwr4wo]{position:absolute;inset:0;z-index:0;overflow:hidden}.tutorial-detail-dots[data-astro-cid-amgwr4wo]{position:absolute;inset:0;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 60%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 60%);opacity:.4}.tutorial-detail-hero-inner[data-astro-cid-amgwr4wo]{position:relative;z-index:1}.tutorial-breadcrumb[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.tutorial-breadcrumb[data-astro-cid-amgwr4wo] a[data-astro-cid-amgwr4wo]{color:var(--text-muted);text-decoration:none;transition:color var(--duration-instant) var(--ease-out)}.tutorial-breadcrumb[data-astro-cid-amgwr4wo] a[data-astro-cid-amgwr4wo]:hover{color:var(--blue-600)}.tutorial-breadcrumb[data-astro-cid-amgwr4wo] span[data-astro-cid-amgwr4wo]{color:var(--text-heading);font-weight:600}.tutorial-detail-hero-content[data-astro-cid-amgwr4wo]{display:flex;gap:var(--space-6);align-items:flex-start}.tutorial-detail-hero-icon[data-astro-cid-amgwr4wo]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;box-shadow:var(--shadow-md)}.tutorial-detail-meta[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.tutorial-detail-badge[data-astro-cid-amgwr4wo]{display:inline-flex;align-items:center;padding:3px 12px;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);background:var(--blue-50);color:var(--blue-600);box-shadow:var(--shadow-xs)}.tutorial-detail-difficulty[data-astro-cid-amgwr4wo]{display:inline-flex;align-items:center;padding:3px 12px;font-size:var(--text-xs);font-weight:700;text-transform:capitalize;border-radius:var(--radius-full);background:var(--purple-50);color:var(--purple-600);box-shadow:var(--shadow-xs)}.tutorial-detail-readtime[data-astro-cid-amgwr4wo]{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.tutorial-detail-title[data-astro-cid-amgwr4wo]{font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-heading);margin-bottom:var(--space-3)}.tutorial-detail-subtitle[data-astro-cid-amgwr4wo]{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:720px}.tutorial-detail-cta[data-astro-cid-amgwr4wo]{margin-top:var(--space-6)}.tutorial-detail-body[data-astro-cid-amgwr4wo]{padding:var(--space-12) 0}.tutorial-detail-layout[data-astro-cid-amgwr4wo]{display:grid;grid-template-columns:1fr 320px;gap:var(--space-8);align-items:start}.tutorial-section-title[data-astro-cid-amgwr4wo]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight)}.tutorial-section-title[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{color:var(--blue-600);flex-shrink:0}.tutorial-intro-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tutorial-intro-text[data-astro-cid-amgwr4wo]{font-size:var(--text-base);line-height:1.75;color:var(--text-muted);margin:0}.tutorial-steps-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10)}.tutorial-steps-list[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;gap:var(--space-5)}.tutorial-step[data-astro-cid-amgwr4wo]{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.tutorial-step[data-astro-cid-amgwr4wo]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.tutorial-step-number[data-astro-cid-amgwr4wo]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:800;color:var(--white);background:var(--blue-600);border-radius:var(--radius-full);flex-shrink:0}.tutorial-step-content[data-astro-cid-amgwr4wo]{flex:1}.tutorial-step-title[data-astro-cid-amgwr4wo]{font-size:var(--text-base);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2)}.tutorial-step-desc[data-astro-cid-amgwr4wo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.tutorial-step-tip[data-astro-cid-amgwr4wo]{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-body);line-height:var(--leading-relaxed);box-shadow:var(--shadow-xs)}.tutorial-step-tip[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{color:#f59e0b;flex-shrink:0;margin-top:2px}.tutorial-step-tip[data-astro-cid-amgwr4wo] strong[data-astro-cid-amgwr4wo]{color:#d97706}.tutorial-tips-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10)}.tutorial-tips-grid[data-astro-cid-amgwr4wo]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tutorial-tip-card[data-astro-cid-amgwr4wo]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tutorial-tip-card[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{color:var(--green-600);flex-shrink:0;margin-top:2px}.tutorial-tip-card[data-astro-cid-amgwr4wo] p[data-astro-cid-amgwr4wo]{font-size:var(--text-sm);color:var(--text-body);line-height:var(--leading-relaxed)}.tutorial-usecases-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10)}.tutorial-usecases-grid[data-astro-cid-amgwr4wo]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.tutorial-usecase-card[data-astro-cid-amgwr4wo]{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tutorial-usecase-title[data-astro-cid-amgwr4wo]{font-size:var(--text-base);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2)}.tutorial-usecase-desc[data-astro-cid-amgwr4wo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.tutorial-features-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10)}.tutorial-features-grid[data-astro-cid-amgwr4wo]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tutorial-feature-card[data-astro-cid-amgwr4wo]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.tutorial-feature-check[data-astro-cid-amgwr4wo]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--green-50);color:var(--green-600);border-radius:var(--radius-full);flex-shrink:0}.tutorial-feature-title[data-astro-cid-amgwr4wo]{font-size:var(--text-sm);font-weight:700;color:var(--text-heading);margin-bottom:2px}.tutorial-feature-desc[data-astro-cid-amgwr4wo]{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.tutorial-faq-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10)}.tutorial-faq-list[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item[data-astro-cid-amgwr4wo]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.faq-question[data-astro-cid-amgwr4wo]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:600;color:var(--text-heading);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--duration-instant) var(--ease-out)}.faq-question[data-astro-cid-amgwr4wo]:hover{background:var(--bg-subtle)}.faq-question[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.faq-item[data-astro-cid-amgwr4wo].is-open .faq-question[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{transform:rotate(180deg)}.faq-answer[data-astro-cid-amgwr4wo]{max-height:0;overflow:hidden;transition:max-height var(--duration-fast) var(--ease-out)}.faq-item[data-astro-cid-amgwr4wo].is-open .faq-answer[data-astro-cid-amgwr4wo]{max-height:500px}.faq-answer[data-astro-cid-amgwr4wo] p[data-astro-cid-amgwr4wo]{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.tutorial-issues-section[data-astro-cid-amgwr4wo]{margin-bottom:var(--space-10)}.tutorial-issues-list[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;gap:var(--space-4)}.tutorial-issue-card[data-astro-cid-amgwr4wo]{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.tutorial-issue-card[data-astro-cid-amgwr4wo]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.tutorial-issue-header[data-astro-cid-amgwr4wo]{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.tutorial-issue-header[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{color:var(--amber-600);flex-shrink:0;margin-top:2px}.tutorial-issue-title[data-astro-cid-amgwr4wo]{font-size:var(--text-base);font-weight:700;color:var(--text-heading);margin:0}.tutorial-issue-solution[data-astro-cid-amgwr4wo]{display:flex;align-items:flex-start;gap:var(--space-3);padding-left:var(--space-1)}.tutorial-issue-solution[data-astro-cid-amgwr4wo] svg[data-astro-cid-amgwr4wo]{color:var(--green-600);flex-shrink:0;margin-top:2px}.tutorial-issue-solution[data-astro-cid-amgwr4wo] p[data-astro-cid-amgwr4wo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo]{position:relative;overflow:hidden;padding:var(--space-10) var(--space-8);background:linear-gradient(135deg,var(--blue-600),var(--purple-600));border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg)}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo] h2[data-astro-cid-amgwr4wo]{font-size:var(--text-2xl);font-weight:800;color:var(--white);margin-bottom:var(--space-2)}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo] p[data-astro-cid-amgwr4wo]{font-size:var(--text-base);color:#ffffffd9;margin-bottom:var(--space-5);max-width:480px;margin-left:auto;margin-right:auto}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo] .btn[data-astro-cid-amgwr4wo]{background:var(--white);color:var(--blue-600);border:none}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo] .btn[data-astro-cid-amgwr4wo]:hover{background:#ffffffe6;transform:translateY(-2px)}.tutorial-detail-sidebar[data-astro-cid-amgwr4wo]{position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.tutorial-sidebar-card[data-astro-cid-amgwr4wo]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.tutorial-sidebar-icon[data-astro-cid-amgwr4wo]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.tutorial-sidebar-title[data-astro-cid-amgwr4wo]{font-size:var(--text-base);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2)}.tutorial-sidebar-desc[data-astro-cid-amgwr4wo]{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.tutorial-sidebar-btn[data-astro-cid-amgwr4wo]{width:100%;justify-content:center}.tutorial-sidebar-info[data-astro-cid-amgwr4wo]{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tutorial-sidebar-info-row[data-astro-cid-amgwr4wo]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.tutorial-sidebar-info-row[data-astro-cid-amgwr4wo]:last-child{border-bottom:none}.tutorial-sidebar-info-label[data-astro-cid-amgwr4wo]{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.tutorial-sidebar-info-value[data-astro-cid-amgwr4wo]{font-size:var(--text-xs);font-weight:700;color:var(--text-heading)}.tutorial-sidebar-keywords[data-astro-cid-amgwr4wo]{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tutorial-sidebar-keywords[data-astro-cid-amgwr4wo] h4[data-astro-cid-amgwr4wo]{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.tutorial-keyword-list[data-astro-cid-amgwr4wo]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tutorial-keyword[data-astro-cid-amgwr4wo]{padding:3px 10px;font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.tutorial-related-section[data-astro-cid-amgwr4wo]{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--border)}.tutorial-related-grid[data-astro-cid-amgwr4wo]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.tutorial-related-card[data-astro-cid-amgwr4wo]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.tutorial-related-card[data-astro-cid-amgwr4wo]:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.tutorial-related-icon[data-astro-cid-amgwr4wo]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.tutorial-related-title[data-astro-cid-amgwr4wo]{font-size:var(--text-sm);font-weight:700;color:var(--text-heading);line-height:var(--leading-snug);margin-bottom:4px}.tutorial-related-meta[data-astro-cid-amgwr4wo]{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:1023px){.tutorial-detail-layout[data-astro-cid-amgwr4wo]{grid-template-columns:1fr}.tutorial-detail-sidebar[data-astro-cid-amgwr4wo]{position:static;flex-direction:row;flex-wrap:wrap}.tutorial-sidebar-card[data-astro-cid-amgwr4wo],.tutorial-sidebar-info[data-astro-cid-amgwr4wo]{flex:1 1 280px}.tutorial-sidebar-keywords[data-astro-cid-amgwr4wo]{flex:1 1 100%}.tutorial-usecases-grid[data-astro-cid-amgwr4wo]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tutorial-detail-hero[data-astro-cid-amgwr4wo]{padding:var(--space-10) 0 var(--space-8)}.tutorial-detail-hero-content[data-astro-cid-amgwr4wo]{flex-direction:column;gap:var(--space-4)}.tutorial-detail-hero-icon[data-astro-cid-amgwr4wo]{width:48px;height:48px}.tutorial-detail-title[data-astro-cid-amgwr4wo]{font-size:var(--text-2xl)}.tutorial-detail-subtitle[data-astro-cid-amgwr4wo]{font-size:var(--text-base)}.tutorial-step[data-astro-cid-amgwr4wo]{padding:var(--space-4)}.tutorial-tips-grid[data-astro-cid-amgwr4wo],.tutorial-features-grid[data-astro-cid-amgwr4wo],.tutorial-usecases-grid[data-astro-cid-amgwr4wo],.tutorial-related-grid[data-astro-cid-amgwr4wo]{grid-template-columns:1fr}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo]{padding:var(--space-6) var(--space-4)}.tutorial-detail-cta-box[data-astro-cid-amgwr4wo] h2[data-astro-cid-amgwr4wo]{font-size:var(--text-xl)}.tutorial-detail-sidebar[data-astro-cid-amgwr4wo]{flex-direction:column}}