.step:where(.astro-boiexc3k){position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1.25rem;padding-bottom:2rem;counter-increment:step}.step:where(.astro-boiexc3k):last-child{padding-bottom:0}.step:where(.astro-boiexc3k):not(:last-child):before{content:"";position:absolute;top:3rem;bottom:.5rem;left:calc(1.25rem - 1px);border-left:2px dashed var(--line)}.marker:where(.astro-boiexc3k){display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--accent);color:var(--link);font-family:var(--font-mono);font-size:.9375rem}.marker:where(.astro-boiexc3k):before{content:counter(step)}h3:where(.astro-boiexc3k){margin:.375rem 0 .5rem;font-size:1.125rem}.content:where(.astro-boiexc3k) p{margin-bottom:0;color:var(--muted)}.content:where(.astro-boiexc3k) strong{color:var(--fg);font-weight:600}.steps:where(.astro-i6bo4xg2){display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:step}.code-block:where(.astro-sletuexp){overflow:hidden;margin-top:1rem;border:1px solid #25292d;border-radius:var(--radius);color:#f2f4f9;background:#0b0c0d}.head:where(.astro-sletuexp){display:flex;align-items:center;justify-content:space-between;padding:.375rem .375rem .375rem 1rem;border-bottom:1px solid #25292d;color:#a3a9b1;font-family:var(--font-mono);font-size:.8125rem}.copy:where(.astro-sletuexp){display:inline-flex;align-items:center;gap:.375rem;height:1.875rem;padding:0 .75rem;border:1px solid #34383d;border-radius:.375rem;color:#f2f4f9;background:transparent;font-family:var(--font-mono);font-size:.75rem;cursor:pointer}.copy:where(.astro-sletuexp):hover{border-color:#18bcf2;color:#18bcf2}pre:where(.astro-sletuexp){margin:0;padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.page:where(.astro-w4tek6fz){padding-block:clamp(3rem,7vw,5rem) var(--section)}.heading:where(.astro-w4tek6fz){text-align:center}.heading:where(.astro-w4tek6fz) .eyebrow:where(.astro-w4tek6fz){justify-content:center}.heading:where(.astro-w4tek6fz) h1:where(.astro-w4tek6fz){font-size:clamp(2.5rem,6vw,4rem)}.lead:where(.astro-w4tek6fz){max-width:36rem;margin:0 auto;color:var(--muted);font-size:clamp(1.125rem,1.8vw,1.25rem);line-height:1.5}.methods:where(.astro-w4tek6fz){display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);align-items:stretch;gap:1.5rem;margin-top:clamp(3rem,6vw,4rem)}.method:where(.astro-w4tek6fz){position:relative;display:flex;flex-direction:column;overflow-wrap:anywhere;padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--line);border-radius:1.25rem;background:var(--card)}.recommended:where(.astro-w4tek6fz){border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent)}.chip:where(.astro-w4tek6fz){position:absolute;top:-.8125rem;left:clamp(1.5rem,3vw,2.25rem);padding:.1875rem .75rem;border-radius:999px;color:var(--on-accent);background:var(--accent);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.method-head:where(.astro-w4tek6fz){display:flex;align-items:center;gap:.875rem}.method-head:where(.astro-w4tek6fz) h2:where(.astro-w4tek6fz){margin:0;font-size:1.5rem}.method-head:where(.astro-w4tek6fz) p:where(.astro-w4tek6fz){margin:0;color:var(--muted);font-size:.9375rem}.method-icon:where(.astro-w4tek6fz){display:grid;flex:none;place-items:center;width:3rem;height:3rem;border-radius:.75rem;background:color-mix(in srgb,var(--fg) 7%,transparent)}.method-icon:where(.astro-w4tek6fz).brand{background:color-mix(in srgb,var(--accent) 14%,transparent)}.method-lead:where(.astro-w4tek6fz){margin:1.5rem 0 1.75rem;color:var(--muted)}.method:where(.astro-w4tek6fz) pre{font-size:.8rem}.method-actions:where(.astro-w4tek6fz){display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:auto;padding-top:2rem}.hint:where(.astro-w4tek6fz){max-width:44rem;margin:1.5rem auto 0;color:var(--muted);font-size:.9375rem;text-align:center}.next:where(.astro-w4tek6fz){margin-top:clamp(4.5rem,9vw,6.5rem)}.next:where(.astro-w4tek6fz) h2:where(.astro-w4tek6fz){margin-bottom:2.5rem;font-size:clamp(1.75rem,3vw,2.25rem);text-align:center}.next:where(.astro-w4tek6fz) ol:where(.astro-w4tek6fz){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.next:where(.astro-w4tek6fz) li:where(.astro-w4tek6fz){padding:1.75rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--card)}.next-label:where(.astro-w4tek6fz){color:var(--link);font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}.next:where(.astro-w4tek6fz) h3:where(.astro-w4tek6fz){margin:.625rem 0 .375rem;font-size:1.25rem}.next:where(.astro-w4tek6fz) p:where(.astro-w4tek6fz){margin:0;color:var(--muted);font-size:.9375rem}.help:where(.astro-w4tek6fz){margin:clamp(3.5rem,7vw,5rem) 0 0;color:var(--muted);text-align:center}.help:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz){color:var(--link)}@media(max-width:860px){.methods:where(.astro-w4tek6fz){grid-template-columns:1fr;gap:2.5rem}}@media(max-width:760px){.next:where(.astro-w4tek6fz) ol:where(.astro-w4tek6fz){grid-template-columns:1fr}}