.pj{--col:640px;--stage:860px;--pj-ink:#1f1d1b;--pj-2:#1f1d1b9e;--pj-3:#1f1d1b6b;--pj-line:#1f1d1b1a;--pj-stage:#f5f5f3;--pj-ease:cubic-bezier(.23, 1, .32, 1);font:400 17px/1.65 var(--display);color:#1f1d1bd6;-webkit-font-smoothing:antialiased}.pj>*{width:min(100%, var(--col));margin-inline:auto}.pj>.pj-stage,.pj>.pj-figure{width:min(100%, var(--stage))}.pj :focus-visible{outline:2px solid var(--pj-ink);outline-offset:3px;border-radius:6px}.pj a{color:var(--pj-ink);text-decoration:underline;text-decoration-color:var(--pj-line);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}@media (hover:hover){.pj a:hover{text-decoration-color:currentColor}}.pj h1{font:500 22px/1.2 var(--display);letter-spacing:-.01em;color:var(--pj-ink);margin-top:20px}.pj>h1:first-child{margin-top:0}.pj-meta{font:400 15px/1.5 var(--display);color:var(--pj-3);margin-top:2px}.pj-lede{color:var(--pj-ink);text-wrap:pretty;margin-top:28px;font-size:19px;line-height:1.55}.pj-links{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.pj-links a{min-height:40px;font:500 14px/1 var(--display);box-shadow:inset 0 0 0 1px var(--pj-line);transition:background-color .2s, transform .16s var(--pj-ease);border-radius:99px;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.pj-links a:active{transform:scale(.97)}@media (hover:hover){.pj-links a:hover{background:var(--pj-stage)}}.pj h2{font:600 15px/1.3 var(--display);color:var(--pj-ink);align-items:center;gap:16px;margin-top:clamp(72px,11vw,112px);margin-bottom:20px;display:flex}.pj h2:after{content:"";background:var(--pj-line);flex:1;height:1px}.pj h3{font:600 17px/1.4 var(--display);color:var(--pj-ink);margin-top:32px}.pj p+p{margin-top:16px}.pj p{text-wrap:pretty}.pj strong{color:var(--pj-ink);font-weight:600}.pj ul.pj-list,.pj ol.pj-list{margin-top:16px;padding:0;list-style:none}.pj-list li{padding-left:26px;position:relative}.pj-list li+li{margin-top:10px}.pj-list li:before{content:counter(list-item);font:500 12px/1.6 var(--mono);color:var(--pj-3);position:absolute;top:.2em;left:0}.pj-note{color:var(--pj-2);font-size:15px}.pj-stage{margin-top:36px;margin-bottom:0;position:relative}.pj-box{background-color:var(--pj-stage);background-image:linear-gradient(#1f1d1b09 1px,#0000 1px),linear-gradient(90deg,#1f1d1b09 1px,#0000 1px);background-position:-1px -1px;background-size:24px 24px;border-radius:clamp(16px,2vw,22px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1f1d1b0a}.pj-stage+p,.pj-stage+h3,.pj-figure+p,.pj-figure{margin-top:36px}.pj-steps{flex-wrap:wrap;justify-content:center;gap:0 2px;margin-top:14px;display:flex}.pj-steps button{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;font:400 14px/1 var(--display);color:var(--pj-3);border-radius:99px;align-items:center;gap:6px;padding:0 10px;transition:color .2s,background-color .2s;display:inline-flex}.pj-steps button i{font:400 12px/1 var(--mono);color:var(--pj-3);font-style:normal}.pj-steps button[aria-current=step]{color:var(--pj-ink)}.pj-steps button[aria-current=step] i{color:var(--pj-2)}.pj-steps button:focus-visible{outline-offset:-2px}@media (hover:hover){.pj-steps button:hover{color:var(--pj-ink)}}.pj-cap{text-align:center;max-width:36em;min-height:3.2em;font:400 15px/1.55 var(--display);color:var(--pj-2);text-wrap:balance;margin:4px auto 0}.pj-cap b{color:var(--pj-ink);font-weight:500}.pj-calls{border-top:1px solid var(--pj-line);margin-top:20px}.pj-calls>div{border-bottom:1px solid var(--pj-line);grid-template-columns:1fr;gap:6px;padding:18px 0;display:grid}.pj-calls dt{color:var(--pj-ink);font-weight:600}.pj-calls dd{margin:0}.pj-calls dd small{color:var(--pj-2);margin-top:6px;font-size:15px;display:block}.pj-calls dd small:before{content:"The cost: ";color:var(--pj-ink);font-weight:500}.pj-end{border-top:1px solid var(--pj-line);color:var(--pj-2);margin-top:clamp(72px,11vw,112px);padding-top:20px;font-size:15px}@media (width<=640px){.pj{font-size:16px}.pj-lede{font-size:18px}.pj>.pj-stage,.pj>.pj-figure{width:calc(100% + 12px);margin-inline:-6px}.pj-steps{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-10px;padding-inline:4px;overflow-x:auto}.pj-steps::-webkit-scrollbar{display:none}.pj-steps button{flex:none}.pj-cap{text-align:left;padding-inline:6px}}