.steps[data-astro-cid-qnzbhfrh]{padding-block:var(--space-section-lg)}.steps__header[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;gap:var(--space-3);text-align:center;align-items:center;margin-bottom:var(--space-12);max-width:560px;margin-inline:auto}.steps__grid[data-astro-cid-qnzbhfrh]{display:grid;grid-template-columns:1fr;gap:var(--space-8);position:relative}@media(min-width:360px){.steps__grid[data-astro-cid-qnzbhfrh]{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:768px){.steps__grid[data-astro-cid-qnzbhfrh]{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.steps__item[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;gap:var(--space-3);text-align:center;position:relative}.steps__number[data-astro-cid-qnzbhfrh]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary-500);color:var(--color-neutral-0);font-size:var(--text-lg);font-weight:var(--font-bold);margin-inline:auto;margin-bottom:var(--space-2)}.steps__connector[data-astro-cid-qnzbhfrh]{display:none}@media(min-width:768px){.steps__connector[data-astro-cid-qnzbhfrh]{display:block;position:absolute;top:24px;left:calc(50% + 32px);right:calc(-50% + 32px);height:2px;background:var(--color-border)}.steps__item[data-astro-cid-qnzbhfrh]:last-child .steps__connector[data-astro-cid-qnzbhfrh]{display:none}}.steps__icon-wrap[data-astro-cid-qnzbhfrh]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-primary-500);margin-inline:auto;margin-bottom:var(--space-2);transition:background-color var(--transition-base),border-color var(--transition-base)}.steps__item--icon[data-astro-cid-qnzbhfrh]:hover .steps__icon-wrap[data-astro-cid-qnzbhfrh]{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}[data-theme=dark] .steps__item--icon[data-astro-cid-qnzbhfrh]:hover .steps__icon-wrap[data-astro-cid-qnzbhfrh]{background-color:var(--color-primary-950);border-color:var(--color-primary-800)}.steps__icon-number[data-astro-cid-qnzbhfrh]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-500)}.steps__timeline[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;max-width:640px;margin-inline:auto}.steps__timeline-item[data-astro-cid-qnzbhfrh]{display:grid;grid-template-columns:32px 1fr;gap:var(--space-4);position:relative}.steps__timeline-marker[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;align-items:center;position:relative}.steps__timeline-dot[data-astro-cid-qnzbhfrh]{width:14px;height:14px;border-radius:var(--radius-full);background-color:var(--color-primary-500);border:3px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-primary-200);z-index:1;flex-shrink:0;margin-top:4px}.steps__timeline-line[data-astro-cid-qnzbhfrh]{width:2px;flex:1;background-color:var(--color-border);margin-top:var(--space-2)}.steps__timeline-content[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-8)}.steps__timeline-item[data-astro-cid-qnzbhfrh]:last-child .steps__timeline-content[data-astro-cid-qnzbhfrh]{padding-bottom:0}.steps__path[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}@media(min-width:768px){.steps__path[data-astro-cid-qnzbhfrh]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0}}.steps__path-step[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;flex:1}.steps__path-node[data-astro-cid-qnzbhfrh]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary-500);color:var(--color-neutral-0);font-size:var(--text-lg);font-weight:var(--font-bold);flex-shrink:0;position:relative;z-index:2}.steps__path-number[data-astro-cid-qnzbhfrh]{line-height:1}.steps__path-svg[data-astro-cid-qnzbhfrh]{width:2px;height:var(--space-6);overflow:visible}.steps__path-svg[data-astro-cid-qnzbhfrh] line[data-astro-cid-qnzbhfrh]{x1:50%;y1:0;x2:50%;y2:100%}.steps__path-line[data-astro-cid-qnzbhfrh]{stroke:var(--color-primary-300);stroke-width:2;stroke-dasharray:8 4;stroke-dashoffset:200;transition:stroke-dashoffset 0s}.steps--animated[data-astro-cid-qnzbhfrh] .steps__path-line[data-astro-cid-qnzbhfrh]{stroke-dashoffset:0;transition:stroke-dashoffset 1.5s ease-out}.steps__path-step[data-astro-cid-qnzbhfrh]:nth-child(2) .steps__path-line[data-astro-cid-qnzbhfrh]{transition-delay:.3s}.steps__path-step[data-astro-cid-qnzbhfrh]:nth-child(3) .steps__path-line[data-astro-cid-qnzbhfrh]{transition-delay:.6s}.steps__path-step[data-astro-cid-qnzbhfrh]:nth-child(4) .steps__path-line[data-astro-cid-qnzbhfrh]{transition-delay:.9s}.steps__path-step[data-astro-cid-qnzbhfrh]:nth-child(5) .steps__path-line[data-astro-cid-qnzbhfrh]{transition-delay:1.2s}@media(min-width:768px){.steps__path-svg[data-astro-cid-qnzbhfrh]{position:absolute;top:24px;left:calc(50% + 28px);right:calc(-50% + 28px);width:auto;height:2px}.steps__path-svg[data-astro-cid-qnzbhfrh] line[data-astro-cid-qnzbhfrh]{x1:0;y1:50%;x2:100%;y2:50%}}.steps__path-content[data-astro-cid-qnzbhfrh]{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);max-width:200px}@media(prefers-reduced-motion:reduce){.steps__path-line[data-astro-cid-qnzbhfrh]{stroke-dashoffset:0;transition:none}}.steps__carousel-wrapper[data-astro-cid-qnzbhfrh]{position:relative}.steps__carousel-track[data-astro-cid-qnzbhfrh]{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-block:var(--space-4);padding-inline:var(--space-8);scrollbar-width:none;-ms-overflow-style:none}.steps__carousel-track[data-astro-cid-qnzbhfrh]::-webkit-scrollbar{display:none}.steps__carousel-card[data-astro-cid-qnzbhfrh]{min-width:280px;flex-shrink:0;scroll-snap-align:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-base),opacity var(--transition-base),box-shadow var(--transition-base);transform:scale(.9);opacity:.7}.steps__carousel-card--active[data-astro-cid-qnzbhfrh]{transform:scale(1.05);opacity:1;box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}[data-theme=dark] .steps__carousel-card--active[data-astro-cid-qnzbhfrh]{border-color:var(--color-primary-800)}.steps__carousel-badge[data-astro-cid-qnzbhfrh]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-primary-500);color:var(--color-neutral-0);font-size:var(--text-sm);font-weight:var(--font-bold);margin-inline:auto}.steps__carousel-btn[data-astro-cid-qnzbhfrh]{position:absolute;top:50%;transform:translateY(calc(-50% - var(--space-4)));display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;z-index:2;box-shadow:var(--shadow-md);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.steps__carousel-btn[data-astro-cid-qnzbhfrh]:hover{background-color:var(--color-bg-subtle);border-color:var(--color-primary-300)}.steps__carousel-btn[data-astro-cid-qnzbhfrh]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.steps__carousel-btn[data-astro-cid-qnzbhfrh]:disabled{opacity:.4;cursor:not-allowed}.steps__carousel-btn--prev[data-astro-cid-qnzbhfrh]{left:0}.steps__carousel-btn--next[data-astro-cid-qnzbhfrh]{right:0}.steps__carousel-dots[data-astro-cid-qnzbhfrh]{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.steps__carousel-dot[data-astro-cid-qnzbhfrh]{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-border);border:none;padding:0;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.steps__carousel-dot[data-astro-cid-qnzbhfrh]:hover{background-color:var(--color-primary-300)}.steps__carousel-dot[data-astro-cid-qnzbhfrh]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.steps__carousel-dot--active[data-astro-cid-qnzbhfrh]{background-color:var(--color-primary-500);transform:scale(1.3)}.diy-header[data-astro-cid-vxgkcjag]{padding:var(--space-10) 0;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.diy-header__inner[data-astro-cid-vxgkcjag]{max-width:840px}.diy-header__image[data-astro-cid-vxgkcjag]{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.diy-header__title[data-astro-cid-vxgkcjag]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.diy-header__desc[data-astro-cid-vxgkcjag]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:var(--leading-relaxed)}.diy-header__meta[data-astro-cid-vxgkcjag]{display:flex;flex-wrap:wrap;gap:var(--space-4)}.diy-meta-item[data-astro-cid-vxgkcjag]{font-size:var(--text-sm);color:var(--color-text-secondary)}.diy-meta-item[data-astro-cid-vxgkcjag] strong[data-astro-cid-vxgkcjag]{color:var(--color-text)}.warnings[data-astro-cid-vxgkcjag]{background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-left:4px solid var(--color-warning-500);border-radius:var(--radius-md);padding:var(--space-5)}.warnings__title[data-astro-cid-vxgkcjag]{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-warning-800);margin:0 0 var(--space-3)}.warnings__list[data-astro-cid-vxgkcjag]{list-style:disc;padding-left:var(--space-5);margin:0}.warnings__item[data-astro-cid-vxgkcjag]{font-size:var(--text-sm);color:var(--color-warning-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.materials-grid[data-astro-cid-vxgkcjag]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.materials-heading[data-astro-cid-vxgkcjag]{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-200)}.materials-list[data-astro-cid-vxgkcjag]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.materials-item[data-astro-cid-vxgkcjag]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.materials-item__name[data-astro-cid-vxgkcjag]{flex:1;color:var(--color-text);font-weight:var(--font-medium)}.materials-item__qty[data-astro-cid-vxgkcjag]{color:var(--color-text-muted);font-size:var(--text-xs)}.materials-item__link[data-astro-cid-vxgkcjag]{color:var(--color-primary-600);text-decoration:none;font-size:var(--text-xs)}.materials-item__link[data-astro-cid-vxgkcjag]:hover{text-decoration:underline}.materials-item__note[data-astro-cid-vxgkcjag]{width:100%;color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic}.prose[data-astro-cid-vxgkcjag] p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.related-links[data-astro-cid-vxgkcjag]{display:flex;flex-wrap:wrap;gap:var(--space-4)}.related-link[data-astro-cid-vxgkcjag]{padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:border-color var(--transition-fast),color var(--transition-fast)}.related-link[data-astro-cid-vxgkcjag]:hover{border-color:var(--color-primary-500);color:var(--color-primary-400)}.related-link[data-astro-cid-vxgkcjag]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}