.tutorial-article[data-astro-cid-lzre5vue]{padding:var(--space-12) 0}.tutorial-header[data-astro-cid-lzre5vue]{max-width:800px;margin:0 auto var(--space-12)}.tutorial-meta[data-astro-cid-lzre5vue]{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.badge[data-astro-cid-lzre5vue]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.badge[data-astro-cid-lzre5vue].difficulty{background-color:var(--color-primary-500);color:#fff}.badge[data-astro-cid-lzre5vue].duration{background-color:var(--color-neutral-800);color:#fff}h1[data-astro-cid-lzre5vue]{font-size:2.5rem;margin-bottom:var(--space-4)}.tutorial-description[data-astro-cid-lzre5vue]{font-size:1.25rem;color:var(--color-neutral-600)}.tutorial-content[data-astro-cid-lzre5vue]{max-width:800px;margin:0 auto}.platform-overview[data-astro-cid-lzre5vue]{margin-bottom:var(--space-12)}.overview-image[data-astro-cid-lzre5vue]{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.overview-caption[data-astro-cid-lzre5vue]{text-align:center;color:var(--color-neutral-600);font-size:.875rem;margin-top:var(--space-4)}.sections[data-astro-cid-lzre5vue]{display:grid;gap:var(--space-8);margin-bottom:var(--space-12)}.section-card[data-astro-cid-lzre5vue]{background-color:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.section-card[data-astro-cid-lzre5vue] h2[data-astro-cid-lzre5vue]{color:var(--color-primary-600);margin-bottom:var(--space-4)}.section-card[data-astro-cid-lzre5vue] p[data-astro-cid-lzre5vue]{color:var(--color-neutral-600);margin-bottom:var(--space-4)}.feature-list[data-astro-cid-lzre5vue]{list-style:none}.feature-list[data-astro-cid-lzre5vue] li[data-astro-cid-lzre5vue]{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--color-neutral-700)}.feature-list[data-astro-cid-lzre5vue] li[data-astro-cid-lzre5vue]:before{content:"✓";position:absolute;left:0;color:var(--color-primary-600)}.architecture[data-astro-cid-lzre5vue]{margin-bottom:var(--space-12)}.architecture[data-astro-cid-lzre5vue] h2[data-astro-cid-lzre5vue]{margin-bottom:var(--space-6)}.architecture-diagram[data-astro-cid-lzre5vue]{background-color:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.diagram-image[data-astro-cid-lzre5vue]{width:100%;border-radius:var(--radius-md)}.diagram-caption[data-astro-cid-lzre5vue]{text-align:center;color:var(--color-neutral-600);font-size:.875rem;margin-top:var(--space-4)}.next-steps[data-astro-cid-lzre5vue]{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-lzre5vue] h2[data-astro-cid-lzre5vue]{margin-bottom:var(--space-4)}.next-steps[data-astro-cid-lzre5vue] ul[data-astro-cid-lzre5vue]{list-style:none}.next-steps[data-astro-cid-lzre5vue] li[data-astro-cid-lzre5vue]{margin-bottom:var(--space-2)}.next-steps[data-astro-cid-lzre5vue] a[data-astro-cid-lzre5vue]{color:var(--color-primary-600);text-decoration:none}.next-steps[data-astro-cid-lzre5vue] a[data-astro-cid-lzre5vue]:hover{text-decoration:underline}.tutorial-footer[data-astro-cid-lzre5vue]{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-8)}.tutorial-nav[data-astro-cid-lzre5vue]{display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.tutorial-feedback[data-astro-cid-lzre5vue]{text-align:center}.tutorial-feedback[data-astro-cid-lzre5vue] p[data-astro-cid-lzre5vue]{margin-bottom:var(--space-4);color:var(--color-neutral-600)}.feedback-buttons[data-astro-cid-lzre5vue]{display:flex;gap:var(--space-4);justify-content:center}.feedback-btn[data-astro-cid-lzre5vue]{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-lzre5vue]:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-400)}@media (max-width: 768px){.tutorial-article[data-astro-cid-lzre5vue]{padding:var(--space-8) 0}h1[data-astro-cid-lzre5vue]{font-size:2rem}.tutorial-description[data-astro-cid-lzre5vue]{font-size:1.125rem}.tutorial-nav[data-astro-cid-lzre5vue]{flex-direction:column;gap:var(--space-4)}}