.wd .phead .wrap{grid-template-columns:6fr 6fr;gap:56px}.wd .idx{list-style:none}.wd .idx a{border-top:1px solid var(--line);letter-spacing:-.01em;padding:18px 0;font-size:clamp(20px,1.9vw,26px);font-weight:500;text-decoration:none;transition:color .3s;display:block}.wd .idx li:last-child a{border-bottom:1px solid var(--line)}.wd .idx a:hover{-webkit-text-decoration:underline 1px var(--accent);text-decoration:underline 1px var(--accent);text-underline-offset:6px}.wd .kind h2.s{margin-bottom:14px}.wd .kind .p{max-width:540px;margin-top:20px;font-size:19px}.wd .kind .p+.p{margin-top:12px}.wd .more{margin-top:28px;padding:0}.wd .split{grid-template-columns:5fr 7fr;align-items:center;gap:72px;display:grid}.wd .split.flip{grid-template-columns:7fr 5fr}.wd .demo{border-radius:var(--r-card);padding:36px}.wd .rb{border:1px solid var(--line);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;transition:border-color .3s;display:grid}.wd .rb:hover{border-color:var(--accent)}.wd .rb svg{width:18px;height:18px}.wd .jh{justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px;display:flex}.wd .jh b{font-size:22px;font-weight:500;display:block}.wd .jh span{color:var(--soft);font-size:15px}.wd .ev{list-style:none}.wd .ev li{transition:opacity .45s var(--ease), transform .45s var(--ease);grid-template-columns:1fr auto;gap:4px 16px;padding:9px 0;display:grid}.wd .ev li.w{opacity:0;visibility:hidden;transform:translateY(6px)}.wd .ev li b{font-size:16px;font-weight:500}.wd .ev .t{color:var(--muted);text-align:right}.wd .ev .e{color:var(--muted);grid-column:1/-1;font-size:12px}.wd .ev .off{color:var(--lit-text);margin-left:10px;font-size:13px;font-weight:400}.wd .wtop{grid-template-columns:5fr 7fr;align-items:end;gap:72px;display:grid}.wd .wtop .p{margin-top:0}.wd .map{grid-template-columns:4fr 8fr;gap:56px;margin-top:64px;display:grid}.wd .tot{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:36px;font-size:clamp(34px,3.2vw,44px);line-height:1}.wd .tot small{letter-spacing:0;margin-top:10px;font-size:18px;display:block}.wd .steps{list-style:none}.wd .steps li{max-height:8em;transition:max-height .5s var(--ease), opacity .4s var(--ease), padding .5s var(--ease);grid-template-columns:1fr 72px;align-items:baseline;gap:16px;padding:10px 0;display:grid;overflow:hidden}.wd .steps li span{font-size:19px;transition:color .4s;position:relative}.wd .steps li span:first-child:after{content:"";background:var(--warm);width:0;height:2px;transition:width .45s var(--ease);position:absolute;top:55%;left:0}.wd .steps li .mono{color:var(--muted);text-align:right;font-size:13px}.wd .steps li.cut span:first-child{color:var(--muted)}.wd .steps li.cut span:first-child:after{width:100%}.wd .steps li.gone{opacity:0;max-height:0;padding:0}.wd .qs{list-style:none}.wd .qs button{all:unset;box-sizing:border-box;cursor:pointer;border-top:1px solid var(--line);width:100%;color:var(--soft);padding:14px 0;font-size:17px;transition:color .3s}.wd .qs li:last-child button{border-bottom:1px solid var(--line)}.wd .qs button:hover,.wd .qs button[aria-pressed=true]{color:var(--fg)}.wd .qs button[aria-pressed=true]{font-weight:500}.wd .qs button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.wd .trace{min-height:84px;margin-top:24px;list-style:none}.wd .trace li{color:var(--muted);animation:in .3s var(--ease);padding:3px 0;font-size:12px}.wd .answer{min-height:120px;margin-top:8px}.wd .answer .a{min-height:62px;font-size:22px;line-height:1.4}.wd .answer .cur{background:var(--warm);vertical-align:middle;border-radius:2px;width:10px;height:3px;margin-left:2px;display:inline-block}.wd .answer .src{color:var(--lit-text);opacity:0;margin-top:12px;transition:opacity .4s}.wd .answer .src.on{opacity:1}.wd .wsite .top{text-align:center;max-width:760px;margin:0 auto}.wd .wsite .lede,.wd .wsite .p{margin-left:auto;margin-right:auto}.wd .browser{max-width:820px;margin:56px auto 0}.wd .bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.wd .site{border-radius:var(--r-card);border:1px solid var(--line);grid-template-columns:7fr 5fr;align-items:end;gap:40px;padding:36px 40px 40px;display:grid;position:relative;overflow:hidden}.wd .site .load{background:var(--warm);width:0;height:2px;position:absolute;top:0;left:0}.wd .site .sn{color:var(--muted);grid-column:1/-1;justify-content:space-between;margin-bottom:24px;font-size:14px;display:flex}.wd .site .sn b{color:var(--fg);font-weight:500}.wd .site .h{letter-spacing:-.02em;font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.05}.wd .site p{color:var(--soft);margin-top:14px}.wd .site .bk{color:var(--lit-text);margin-top:20px;font-size:15px;font-weight:500;display:inline-block}.wd .site .ph{aspect-ratio:4/3;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 38%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));border-radius:10px}.wd .site .txt,.wd .site .sn,.wd .site .ph{transition:opacity .5s var(--ease)}.wd .site.wait .txt,.wd .site.wait .sn,.wd .site.wait .ph,.wd .site.txton .ph{opacity:0}.wd .figs{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px;display:grid}.wd .figs div{font-size:17px}.wd .figs b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(24px,2.2vw,30px);font-weight:400;line-height:1.1;display:block}.wd .close{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:96px;display:flex}.wd .close p{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.2}.wd .close p span{letter-spacing:0;font-weight:400}@media (max-width:960px){.wd .phead .wrap,.wd .split,.wd .split.flip,.wd .wtop,.wd .map{grid-template-columns:1fr}.wd .split{gap:40px}.wd .split.flip .demo{order:2}.wd .map{gap:24px}.wd .tot{margin-top:0}}@media (max-width:860px){.wd .demo{padding:22px}.wd .site{grid-template-columns:1fr;gap:24px;padding:24px}.wd .site .ph{aspect-ratio:16/9}.wd .figs{gap:12px}.wd .steps li span{font-size:17px}}