.tp{background:var(--paper);overflow-x:clip}.tp-head{position:relative;isolation:isolate;background:var(--night);color:#FFFFFF}.tp-wall{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;display:block}.tp-top{position:relative;box-sizing:border-box;min-height:clamp(460px,58svh,560px);max-width:72rem;margin:0 auto;padding:112px var(--s4) clamp(96px,10vw,140px);display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,25vw,320px);grid-gap:var(--s8);gap:var(--s8);align-items:center}.tp-art{width:100%;aspect-ratio:1;align-self:end;margin-bottom:calc(clamp(96px, 10vw, 140px) * -.72)}.tp-foot{height:clamp(90px,8vw,120px)}.tp-top-label{margin-bottom:var(--s5);max-width:100%}.tp-quiet{color:var(--night-quiet)}.tp-eyebrow{margin:0;font-size:15px;line-height:1.3;color:#FFFFFF}.tp-title{margin:var(--s3) 0 0;max-width:15em;font-size:clamp(36px,4.4vw,58px);line-height:1.06;letter-spacing:-.04em;font-weight:500;text-wrap:balance}.tp-lede{margin:var(--s5) 0 0;max-width:32em;font-size:clamp(17px,1.5vw,20px);line-height:1.5;letter-spacing:-.012em;color:#C4CBD3}.tp-action{margin-top:var(--s8)}.tp-head.is-small .tp-top{display:block;min-height:0;padding-bottom:104px;max-width:calc(var(--measure) + 2rem)}.tp-head.is-small .tp-art{position:absolute;right:0;bottom:-56px;width:200px;margin:0;visibility:hidden}.tp-head.is-small .tp-title{font-size:clamp(34px,4vw,48px)}.tp .head.over{z-index:12}.tp .head.over .wm{color:#FFFFFF}.tp-part{max-width:72rem;margin:0 auto;padding:clamp(40px,7vw,88px) var(--s4);display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,30vw,380px);grid-gap:clamp(32px,6vw,88px);gap:clamp(32px,6vw,88px);align-items:center}.tp-part.is-flip{grid-template-columns:clamp(220px,30vw,380px) minmax(0,1fr)}.tp-part.is-flip .tp-text{order:2}.tp-part.is-plain{display:block;max-width:calc(var(--measure) + 2rem)}.tp-mark{margin:0 0 var(--s3);display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 var(--s3);box-sizing:border-box;border-radius:9px;background:var(--ink);color:#FFFFFF;font-size:15px;font-weight:500}.tp-grid h2,.tp-text h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.032em;font-weight:500;text-wrap:balance}.tp-text p:not(.tp-mark){line-height:1.55}.tp-text p:not(.tp-mark),.tp-text ul{margin:var(--s4) 0 0;max-width:34em;font-size:18px;color:var(--ink-soft)}.tp-text ul{display:grid;grid-gap:var(--s2);gap:var(--s2);line-height:1.5}.tp-text li{padding-left:18px;position:relative}.tp-text li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2.5px;background:var(--ink)}.tp-pic{display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-box);background:var(--night)}.tp-pic.is-small{width:72px;border-radius:12px}.tp-grid{padding:clamp(40px,7vw,80px) 0}.tp-grid.is-tint{background:var(--paper-deep)}.tp-in{max-width:72rem;margin:0 auto;padding:0 var(--s4)}.tp-sub{margin:var(--s3) 0 0;max-width:34em;font-size:18px;line-height:1.5;color:var(--ink-soft)}.tp-grid ul{margin-top:var(--s8);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-gap:var(--s3);gap:var(--s3)}.tp-grid ul:has(>li:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.tp-grid li{padding:var(--s5);border:1px solid var(--rule);border-radius:var(--radius-box);background:var(--paper)}.tp-grid h3{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.015em;font-weight:500}.tp-grid .tp-pic+h3{margin-top:var(--s4)}.tp-grid li p{margin:var(--s2) 0 0;font-size:16px;line-height:1.5;color:var(--ink-soft)}.tp-code{position:relative;box-sizing:border-box;max-width:40rem;margin-top:var(--s4);padding:16px 88px 16px 20px;border-radius:var(--radius-box);background:var(--night);color:#FFFFFF;box-shadow:0 0 0 1px rgb(255 255 255/.16)}.tp-code pre{margin:0;font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.tp-code button{position:absolute;right:9px;top:9px;min-height:38px;min-width:66px;padding:0 10px;border:0;border-radius:10px;background:#FFFFFF;color:var(--ink);font-size:15px;font-weight:500}.tp-code button:hover{background:#E7EBEF}.tp-action .tp-code{margin-top:0;max-width:46rem}.tp-action p{margin:var(--s3) 0 0;font-size:15px;line-height:1.4}.tp-term{box-sizing:border-box;max-width:40rem;margin:var(--s4) 0 0;padding:var(--s4) var(--s5);border-radius:var(--radius-box);background:var(--night);color:#E7EBEF;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.tp-steps{max-width:calc(var(--measure) + 2rem);margin:0 auto;padding:clamp(32px,6vw,72px) var(--s4)}.tp-steps>h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.032em;font-weight:500}.tp-steps ol{margin-top:var(--s8);display:grid;grid-gap:var(--s8);gap:var(--s8);counter-reset:tp}.tp-steps li{counter-increment:tp;display:grid;grid-template-columns:40px minmax(0,1fr);grid-column-gap:var(--s4);column-gap:var(--s4)}.tp-steps li:before{content:counter(tp);display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ink);color:#FFFFFF;font-size:17px;font-weight:500}.tp-steps h3{margin:7px 0 0;font-size:21px;line-height:1.25;letter-spacing:-.02em;font-weight:500}.tp-steps li p{margin:var(--s2) 0 0;font-size:17px;line-height:1.55;color:var(--ink-soft)}.tp-steps li>div{min-width:0}.tp-list{margin-top:var(--s8);border:1px solid var(--rule);border-radius:var(--radius-box);background:var(--paper);overflow:hidden}.tp-list>div{display:grid;grid-template-columns:11rem minmax(0,1fr);grid-gap:var(--s4);gap:var(--s4);padding:var(--s4) var(--s5)}.tp-list>div+div{border-top:1px solid var(--soft)}.tp-list dt{font-weight:500}.tp-list dd{margin:0;color:var(--ink-soft);line-height:1.5}.tp-list code{font-size:14px}.tp-grid li code,.tp-list dd code,.tp-steps p code,.tp-text p code{padding:2px 6px;border-radius:6px;background:var(--chip);color:var(--ink);font-size:14px}.tp-fold{margin-top:var(--s4)}.tp-fold summary{cursor:pointer;font-weight:500}.tp-fold .tp-sub{font-size:16px}.tp-close{display:flex;flex-direction:column;align-items:center;gap:var(--s6);margin-top:clamp(32px,5vw,64px);padding:clamp(64px,11svh,112px) var(--s4);background:var(--night);color:#FFFFFF;text-align:center}.tp-close h2{font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.035em;font-weight:500}.tp-btn{display:inline-flex;align-items:center;height:56px;padding:0 28px;border-radius:14px;background:#FFFFFF;color:var(--ink);font-size:18px;font-weight:500}.tp-btn:hover{background:#E7EBEF}.tp-btn:focus-visible,.tp-next:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}.tp-next{padding:var(--s2) var(--s1);color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}.tp .foot,.tp~.foot{background:var(--night);color:var(--night-muted);border-top:1px solid var(--night-line)}.tp .foot a{color:#FFFFFF}.tp .pg-body{padding-top:var(--s8)}@media (max-width:760px){.tp-top{display:block;min-height:0;padding-top:96px;padding-bottom:120px}.tp-art{width:148px;margin:var(--s6) 0 -70px auto}.tp-action{margin-top:var(--s6)}.tp-part,.tp-part.is-flip{display:block}.tp-part .tp-pic{max-width:260px;margin-top:var(--s6)}.tp-list>div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}.tp-code{padding:60px 16px 16px}.tp-code pre{font-size:14px}.tp-code button{min-height:44px}.tp-steps li{grid-template-columns:36px minmax(0,1fr);column-gap:var(--s3)}.tp-steps li:before{width:36px;height:36px}.tp-steps h3{margin-top:5px;font-size:19px}}.er-box{padding-top:clamp(120px,18svh,180px)}.er-title{margin:0 0 var(--s4);font-size:clamp(32px,4vw,44px);line-height:1.1;letter-spacing:-.035em;font-weight:500}.er-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);margin-top:var(--s6)}.er-btn{min-height:48px;padding:0 24px;border:0;border-radius:10px;background:var(--ink);color:#FFFFFF;font:inherit;font-size:16px;font-weight:500;cursor:pointer}.er-btn:active,.er-btn:hover{background:var(--ink-press)}.er-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}