.page-hero[data-astro-cid-wlncami7]{border-bottom:1px solid var(--color-border)}.section--surface[data-astro-cid-wlncami7]{background:var(--color-surface);border-block:1px solid var(--color-border)}.steps-list[data-astro-cid-wlncami7]{list-style:none;margin:0;padding:0}.step-item[data-astro-cid-wlncami7]{display:grid;grid-template-columns:56px 1fr;gap:1.2rem;padding:1.6rem 0;border-top:1px solid var(--color-border)}.step-item[data-astro-cid-wlncami7]:first-child{border-top:0}.step-item__marker[data-astro-cid-wlncami7]{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--color-on-primary);background:var(--color-primary);width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.step-item__body[data-astro-cid-wlncami7] h2[data-astro-cid-wlncami7]{font-size:1.6rem}.code-ex[data-astro-cid-wlncami7]{display:block;margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--color-text-strong);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .8rem;line-height:1.4}.example[data-astro-cid-wlncami7]{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2rem;align-items:center;margin-top:1.6rem}.traits[data-astro-cid-wlncami7]{margin:.8rem 0 0;display:grid;gap:.4rem}.traits[data-astro-cid-wlncami7]>div[data-astro-cid-wlncami7]{display:flex;justify-content:space-between;gap:1rem}.traits[data-astro-cid-wlncami7] dt[data-astro-cid-wlncami7]{color:var(--color-text-muted);margin:0}.traits[data-astro-cid-wlncami7] dd[data-astro-cid-wlncami7]{margin:0;font-family:var(--font-display);font-weight:700;color:var(--color-text-strong)}.example__arrow[data-astro-cid-wlncami7]{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--color-primary);font-weight:800;font-size:1.6rem}.example__arrow[data-astro-cid-wlncami7] span[data-astro-cid-wlncami7]{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.kit[data-astro-cid-wlncami7]{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.5rem}.kit[data-astro-cid-wlncami7] li[data-astro-cid-wlncami7]{display:flex;justify-content:space-between;gap:1rem}.kit__qty[data-astro-cid-wlncami7]{font-family:var(--font-display);font-weight:700;color:var(--color-text-strong)}.kit__cost[data-astro-cid-wlncami7]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--color-border);color:var(--color-text-muted)}.kit__cost[data-astro-cid-wlncami7] strong[data-astro-cid-wlncami7]{color:var(--color-primary);font-family:var(--font-display);font-size:1.1rem}.note[data-astro-cid-wlncami7]{margin-top:1.4rem;max-width:70ch}.cta-band[data-astro-cid-wlncami7]{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;background:linear-gradient(160deg,var(--color-hero-grad-a),var(--color-hero-grad-b));color:#fff;border-radius:var(--radius);padding:clamp(1.8rem,4vw,3rem)}.cta-band[data-astro-cid-wlncami7] h2[data-astro-cid-wlncami7],.cta-band[data-astro-cid-wlncami7] .lede{color:#fff}.loop[data-astro-cid-wlncami7]{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem;align-items:center}.loop__copy[data-astro-cid-wlncami7] h2[data-astro-cid-wlncami7]{font-size:1.5rem}.status-flow[data-astro-cid-wlncami7]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.status-chip[data-astro-cid-wlncami7]{font-family:var(--font-display);font-weight:700;font-size:.82rem;padding:.45rem .75rem;border-radius:999px;border:1.5px solid var(--color-border);color:var(--color-text-muted);position:relative}.status-chip--done[data-astro-cid-wlncami7]{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.status-chip[data-astro-cid-wlncami7]:not(:last-child):after{content:"→";margin-left:.5rem;color:var(--color-text-muted)}@media (max-width: 780px){.example[data-astro-cid-wlncami7]{grid-template-columns:1fr}.example__arrow[data-astro-cid-wlncami7]{flex-direction:row}.loop[data-astro-cid-wlncami7]{grid-template-columns:1fr}}