.how-grid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}.how-ind{position:sticky;top:calc(var(--hdr-h) + env(safe-area-inset-top, 0px) + 40px);display:grid;grid-template-columns:1px minmax(0,1fr);gap:0 20px}.how-ind-rail{position:relative;overflow:hidden;background:var(--line-2)}.how-ind-rail i{position:absolute;inset:0;background:var(--blue);transform-origin:top;transition:scale var(--d4) var(--ease-expo)}.how-ind ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}.how-ind a{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:10px 0;color:var(--muted);font-size:15px;font-weight:500;line-height:1.6;text-decoration:none;transition:color var(--d2) var(--ease-out)}.how-ind a:hover{color:var(--ink)}.how-ind a[data-done]{color:var(--ink-2)}.how-ind a[aria-current]{color:var(--ink);font-weight:600}.how-ind-n{flex:none;font-size:13px;font-weight:600;color:var(--muted)}.how-ind a[aria-current] .how-ind-n,.how-ind a[data-done] .how-ind-n{color:var(--blue-deep)}.how-line{display:grid;margin:0;padding:0;list-style:none}.how-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 clamp(18px,3vw,32px);padding-bottom:clamp(40px,5vw,64px);scroll-margin-top:calc(var(--hdr-h) + 32px)}.how-step:last-child{padding-bottom:0}.how-step:not(:last-child):before{content:"";position:absolute;top:56px;bottom:8px;inset-inline-start:23.5px;width:1px;background:var(--line-2)}.how-n{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line-2);border-radius:50%;background:var(--surface);color:var(--blue-deep);font-size:14px;font-weight:600;line-height:1;transition:background-color var(--d3) var(--ease-out),border-color var(--d3) var(--ease-out),color var(--d3) var(--ease-out)}.how-step[data-on] .how-n{border-color:var(--blue);background:var(--blue);color:#fff}.how-body{display:grid;gap:14px;justify-items:start;min-width:0;padding-top:8px}.how-body h3{font-size:var(--h3);line-height:1.45}.how-text{max-width:40rem;color:var(--ink-2);font-size:1rem;line-height:1.9}.how-block{display:grid;gap:10px;width:100%;max-width:40rem;margin-top:4px}.how-h{color:var(--muted);font-size:13px;font-weight:600;line-height:1.6}.how-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.how-list li{position:relative;padding-block:12px;padding-inline-start:22px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.8}.how-list li:before{content:"";position:absolute;inset-inline-start:2px;top:calc(12px + .9em);width:7px;height:7px;border-radius:1px;background:var(--blue);translate:0 -50%}.how-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.how-chips li{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding-block:0;padding-inline:6px 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font-size:14px;font-weight:500}.how-chips .num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--blue-deep);font-size:13px;font-weight:600}.how-note{max-width:40rem;color:var(--muted);font-size:14px;line-height:1.8}.how-more{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--blue-deep);font-size:15px;font-weight:600;text-decoration:none}.how-more:hover{text-decoration:underline;text-underline-offset:.22em}@media (max-width:940px){.how-grid{grid-template-columns:minmax(0,1fr)}.how-ind{display:none}}@media (max-width:520px){.how-step{grid-template-columns:40px minmax(0,1fr);gap:0 14px}.how-n{width:40px;height:40px;font-size:13px}.how-step:not(:last-child):before{top:48px;inset-inline-start:19.5px}.how-body{padding-top:4px}}.how-router-head{padding-bottom:0;background:var(--surface)}.how-router-head .mp-head{margin-bottom:0}.how-router-head+.router{padding-top:clamp(40px,5vw,64px);border-top:0;background:var(--surface)}.how .router .sec-head h2{font-size:var(--h3)}.how-all{margin-top:24px}.how-for{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.how-for a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;transition:border-color var(--d2) var(--ease-out),color var(--d2) var(--ease-out)}.how-for a span{color:var(--blue-deep);font-family:var(--font-latin)}.how-for a:hover{border-color:var(--blue);color:var(--blue-deep)}@media (pointer:coarse){.how-more{min-height:44px}}@media (prefers-reduced-motion:reduce){.how-for a,.how-ind a,.how-ind-rail i,.how-n{transition:none}}