.how[data-astro-cid-gyaavhxk]{padding-block:var(--space-64)}.how[data-astro-cid-gyaavhxk] h2[data-astro-cid-gyaavhxk]{margin:0}.steps[data-astro-cid-gyaavhxk]{--tile:var(--space-48);--line:#f7f7f533;gap:var(--space-8);margin:var(--space-32) 0 0;padding:0;list-style:none;display:grid;position:relative}.steps[data-astro-cid-gyaavhxk]:before{content:"";top:calc(var(--tile) / 2);bottom:calc(var(--tile) / 2);left:calc(var(--tile) / 2 - 1px);background:var(--line);width:2px;position:absolute}.step[data-astro-cid-gyaavhxk]{position:relative}.step-button[data-astro-cid-gyaavhxk]{grid-template-columns:var(--tile) minmax(0, 1fr);gap:var(--space-16);width:100%;min-height:var(--tap);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;align-items:start;padding:0;display:grid}.step-button[data-astro-cid-gyaavhxk]:focus-visible{outline:2px solid var(--brand-soft);outline-offset:4px;border-radius:var(--radius-sm)}.step-tile[data-astro-cid-gyaavhxk]{width:var(--tile);height:var(--tile);border-radius:var(--radius-sm);background:var(--deep);color:var(--brand-soft);border:1px solid #b7c9bc66;place-items:center;transition:background-color .15s,color .15s;display:grid;position:relative}.step-text[data-astro-cid-gyaavhxk]{gap:var(--space-8);padding-block:var(--space-8) var(--space-16);align-content:start;display:grid}.step-head[data-astro-cid-gyaavhxk]{color:var(--on-ink);font-size:var(--text-h6);font-weight:var(--weight-subhead);line-height:var(--leading-head)}.step-number[data-astro-cid-gyaavhxk]{color:var(--brand-soft);font-size:var(--text-sm);font-weight:var(--weight-ui);line-height:1}.step-short[data-astro-cid-gyaavhxk]{color:#f7f7f5b8}.step-button[data-astro-cid-gyaavhxk]:hover .step-head[data-astro-cid-gyaavhxk]{text-underline-offset:3px;text-decoration:underline 1px}.step-button[data-astro-cid-gyaavhxk][aria-expanded=true] .step-tile[data-astro-cid-gyaavhxk]{border-color:var(--brand-soft);background:var(--brand-soft);color:var(--deep)}.step-panel[data-astro-cid-gyaavhxk]{margin:0 0 var(--space-16) calc(var(--tile) + var(--space-16));padding:var(--space-16) var(--space-24);border-left:2px solid var(--brand-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f7f7f50f}.step-panel[data-astro-cid-gyaavhxk] p[data-astro-cid-gyaavhxk]{max-width:var(--measure);color:var(--on-ink);text-wrap:balance;margin:0}.how-link[data-astro-cid-gyaavhxk]{width:fit-content;margin-top:var(--space-32)}@media (width>=1024px) and (width<=1151.98px){.step-head[data-astro-cid-gyaavhxk]{font-size:var(--text-body)}}@media (prefers-reduced-motion:reduce){.step-tile[data-astro-cid-gyaavhxk],.steps[data-astro-cid-gyaavhxk]:after{transition:none}}@media (width>=1024px){.steps[data-astro-cid-gyaavhxk]{column-gap:var(--space-32);row-gap:var(--space-24);grid-template-columns:repeat(4,minmax(0,1fr))}.step[data-astro-cid-gyaavhxk]{display:contents}.steps[data-astro-cid-gyaavhxk]:before,.steps[data-astro-cid-gyaavhxk]:after{content:"";top:calc(var(--tile) / 2 - 1px);bottom:auto;left:calc(var(--tile) / 2);width:auto;height:2px;position:absolute}.steps[data-astro-cid-gyaavhxk]:before{right:calc((100% + var(--space-32)) / 4 - var(--tile) / 2);background:var(--line)}.steps[data-astro-cid-gyaavhxk].is-interactive:after{width:calc((100% + var(--space-32)) / 4 * var(--active));background:var(--brand-soft);transition:width .2s}.step-button[data-astro-cid-gyaavhxk]{grid-row:1;grid-column:var(--col);gap:var(--space-16);grid-template-columns:1fr}.step-tile[data-astro-cid-gyaavhxk]{z-index:1}.step-text[data-astro-cid-gyaavhxk]{padding-block:0}.step-head[data-astro-cid-gyaavhxk],.step-short[data-astro-cid-gyaavhxk]{white-space:nowrap}.step-panel[data-astro-cid-gyaavhxk]{border-left:0;border-top:2px solid var(--brand-soft);border-radius:0 0 var(--radius-sm) var(--radius-sm);grid-area:2/1/auto/-1;margin:0;position:relative}.steps[data-astro-cid-gyaavhxk].is-interactive .step-panel[data-astro-cid-gyaavhxk]:before{content:"";top:-9px;left:calc((100% + var(--space-32)) / 4 * var(--active) + var(--tile) / 2 - 8px);background:var(--brand-soft);clip-path:polygon(50% 0,100% 100%,0 100%);width:16px;height:16px;position:absolute;transform:translateY(-1px)}.steps[data-astro-cid-gyaavhxk]:not(.is-interactive) .step-panel[data-astro-cid-gyaavhxk]{grid-row:auto}}