.jn{grid-template-columns:minmax(0,1fr);display:grid}.jn-side{gap:16px;width:100%;min-width:0;max-width:520px;display:grid}@media (min-width:780px){.jn{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) min(480px,54%);align-items:start;column-gap:clamp(28px,10vw - 50px,96px)}.jn-head{grid-area:1/1;padding-top:12px}.jn-steps{grid-area:2/1}.jn-side{top:calc(var(--header-h) + 20px);grid-area:1/2/span 2;position:sticky}}.jn-steps{gap:24px;max-width:440px;display:grid}@media (max-width:779.98px){.jn-steps{margin-top:40px}}.jn-step{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;display:grid}.jn-step>div{margin-top:-1px}.jn-step p{color:var(--fg-secondary);text-wrap:pretty;font-size:14.5px}.jn-demo{color:var(--fg-secondary);scroll-margin-top:calc(var(--header-h) + 20px);gap:12px;display:grid}.jn-demo__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jn-find{color:var(--fg-muted);padding-inline:clamp(18px,2.2vw,26px);font-size:14px}.jn-side .link{position:relative}.jn-side .link:after{content:"";position:absolute;inset:-11px -8px}.jn-side .note .link{display:inline-block}