.tutorial-article[data-astro-cid-prh4evib]{padding:var(--space-12) 0}.tutorial-header[data-astro-cid-prh4evib]{max-width:800px;margin:0 auto var(--space-12)}.tutorial-meta[data-astro-cid-prh4evib]{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.badge[data-astro-cid-prh4evib]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.badge[data-astro-cid-prh4evib].difficulty{background-color:var(--color-primary-500);color:#fff}.badge[data-astro-cid-prh4evib].duration{background-color:var(--color-neutral-800);color:#fff}h1[data-astro-cid-prh4evib]{font-size:2.5rem;margin-bottom:var(--space-4)}.tutorial-description[data-astro-cid-prh4evib]{font-size:1.25rem;color:var(--color-neutral-600)}.tutorial-content[data-astro-cid-prh4evib]{max-width:800px;margin:0 auto}.prerequisites[data-astro-cid-prh4evib]{background-color:var(--color-neutral-50);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.prerequisites[data-astro-cid-prh4evib] h2[data-astro-cid-prh4evib]{margin-bottom:var(--space-4)}.prerequisites[data-astro-cid-prh4evib] ul[data-astro-cid-prh4evib]{list-style:none}.prerequisites[data-astro-cid-prh4evib] li[data-astro-cid-prh4evib]{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--color-neutral-700)}.prerequisites[data-astro-cid-prh4evib] li[data-astro-cid-prh4evib]:before{content:"•";position:absolute;left:var(--space-2);color:var(--color-primary-600)}.steps[data-astro-cid-prh4evib]{display:grid;gap:var(--space-8);margin-bottom:var(--space-12)}.step[data-astro-cid-prh4evib]{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6)}.step-number[data-astro-cid-prh4evib]{width:40px;height:40px;background-color:var(--color-primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.step-content[data-astro-cid-prh4evib] h3[data-astro-cid-prh4evib]{margin-bottom:var(--space-3)}.code-block[data-astro-cid-prh4evib]{position:relative;margin-top:var(--space-4);background-color:var(--color-neutral-900);border-radius:var(--radius-lg);overflow:hidden}.code-block[data-astro-cid-prh4evib] pre[data-astro-cid-prh4evib]{margin:0;padding:var(--space-4);overflow-x:auto}.code-block[data-astro-cid-prh4evib] code[data-astro-cid-prh4evib]{color:var(--color-neutral-100);font-family:Menlo,Monaco,Courier New,monospace}.copy-button[data-astro-cid-prh4evib]{position:absolute;top:var(--space-2);right:var(--space-2);background-color:var(--color-neutral-800);color:var(--color-neutral-300);border:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s ease}.copy-button[data-astro-cid-prh4evib]:hover{background-color:var(--color-neutral-700);color:#fff}.next-steps[data-astro-cid-prh4evib]{background-color:var(--color-neutral-50);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.next-steps[data-astro-cid-prh4evib] h2[data-astro-cid-prh4evib]{margin-bottom:var(--space-4)}.next-steps[data-astro-cid-prh4evib] ul[data-astro-cid-prh4evib]{list-style:none}.next-steps[data-astro-cid-prh4evib] li[data-astro-cid-prh4evib]{margin-bottom:var(--space-2)}.next-steps[data-astro-cid-prh4evib] a[data-astro-cid-prh4evib]{color:var(--color-primary-600);text-decoration:none}.next-steps[data-astro-cid-prh4evib] a[data-astro-cid-prh4evib]:hover{text-decoration:underline}.tutorial-footer[data-astro-cid-prh4evib]{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-8)}.tutorial-nav[data-astro-cid-prh4evib]{display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.tutorial-feedback[data-astro-cid-prh4evib]{text-align:center}.tutorial-feedback[data-astro-cid-prh4evib] p[data-astro-cid-prh4evib]{margin-bottom:var(--space-4);color:var(--color-neutral-600)}.feedback-buttons[data-astro-cid-prh4evib]{display:flex;gap:var(--space-4);justify-content:center}.feedback-btn[data-astro-cid-prh4evib]{background:none;border:1px solid var(--color-neutral-300);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.feedback-btn[data-astro-cid-prh4evib]:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-400)}@media (max-width: 768px){.tutorial-article[data-astro-cid-prh4evib]{padding:var(--space-8) 0}h1[data-astro-cid-prh4evib]{font-size:2rem}.tutorial-description[data-astro-cid-prh4evib]{font-size:1.125rem}.step[data-astro-cid-prh4evib]{grid-template-columns:1fr;gap:var(--space-4)}.tutorial-nav[data-astro-cid-prh4evib]{flex-direction:column;gap:var(--space-4)}}