.wf-path{position:relative;padding-top:4px;padding-bottom:80px;overflow-x:clip;--route: var(--a)}.wf-path .wf-crumb{padding-block:4px 18px}.wf-path .wf-crumb a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin:0 -6px}.wf-path .wf-head{margin-bottom:calc(var(--step) * 3)}.wf-path .wf-head.sk-stack:hover{transform:none}.wf-path .wf-head:hover .sk-layer.l1{transform:translate(var(--step),var(--step))}.wf-path .wf-head:hover .sk-layer.l2{transform:translate(calc(var(--step) * 2),calc(var(--step) * 2))}.wf-path .wf-head:hover .sk-layer.l3{transform:translate(calc(var(--step) * 3),calc(var(--step) * 3))}.wf-path .wf-head-face{display:flex;flex-wrap:wrap;align-items:center;gap:36px 56px;min-height:380px;padding:clamp(28px,4vw,56px)}.wf-path .wf-ltab{position:absolute;left:28px;top:0;display:inline-flex;align-items:center;gap:8px;padding:10px 14px 9px;border-radius:0 0 12px 12px;background:var(--a);color:var(--on-a);font:800 11.5px/1 var(--f-ui);letter-spacing:.09em;text-transform:uppercase}.wf-path .wf-head-soon{position:absolute;right:24px;top:22px}.wf-path .wf-head-l{flex:1 1 460px;min-width:0;max-width:min(660px,calc(56% - 24px));padding-top:20px}.wf-path .wf-head h1{margin-top:14px;font:600 clamp(40px,4.8vw,66px) / 1.04 var(--f-display);font-variation-settings:"SOFT" 30,"WONK" 0;letter-spacing:-.022em;color:var(--d);text-wrap:balance}.wf-path .wf-sub{margin-top:12px;font:500 23px/1.3 var(--f-display);font-variation-settings:"SOFT" 30,"WONK" 0;color:var(--mu);text-wrap:balance}.wf-path .wf-desc{max-width:34em;margin-top:14px;font-size:17px;color:var(--body);text-wrap:pretty}.wf-path .wf-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.wf-path .wf-soonnote{max-width:36em;margin-top:24px;font:600 15.5px/1.5 var(--f-ui);color:var(--mu);text-wrap:pretty}.wf-path .wf-hpg{margin-top:22px;max-width:440px}.wf-path .wf-pg{display:flex;flex-direction:column;gap:7px}.wf-path .wf-pgt{font:600 13.5px/1.4 var(--f-ui);color:var(--mu)}.wf-path .wf-pgt b{font-weight:700;color:var(--d)}.wf-path .wf-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.wf-path .wf-sec{margin-top:clamp(44px,6vw,72px)}.wf-path .wf-sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}.wf-path .wf-sec h2{font:600 clamp(30px,3.2vw,40px) / 1.1 var(--f-display);font-variation-settings:"SOFT" 30,"WONK" 0;letter-spacing:-.016em;color:var(--ink)}.wf-path .wf-sec-h p{max-width:46em;margin-top:8px;font-size:17px;text-wrap:pretty}.wf-path .wf-switch{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 8px 0 18px;border:1.5px solid var(--line2);border-radius:999px;background:var(--surface);color:var(--ink);font:700 14px/1 var(--f-ui);transition:background-color .18s var(--ease)}.wf-path .wf-switch:hover{background:var(--wash)}.wf-path .wf-track{position:relative;flex:none;width:44px;height:28px;border-radius:999px;background:var(--line2);transition:background-color .18s var(--ease)}.wf-path .wf-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #00000040;transition:transform .18s var(--ease)}.wf-path .wf-switch[aria-checked=true] .wf-track{background:var(--a)}.wf-path .wf-switch[aria-checked=true] .wf-thumb{transform:translate(16px)}.wf-path .wf-none{margin-top:28px;font-weight:600}.wf-path .wf-stops{--nx: 30px;--ny: 38px;--gut: 78px;--gut-o: 109px;--spur: 52px;margin-top:30px}.wf-path .wf-stop{--peek: 0px;position:relative;padding:0 0 calc(var(--peek) + 30px) var(--gut)}.wf-path .wf-stop[data-kind=course]:not([data-state=soon]){--peek: calc(var(--step) * 2)}.wf-path .wf-stop[data-kind=topic]:not([data-state=soon]){--peek: var(--step)}.wf-path .wf-stop[data-opt]{padding-left:var(--gut-o)}.wf-path .wf-stop:last-child{padding-bottom:calc(var(--peek) + 4px)}.wf-path .wf-stop:before{content:"";position:absolute;left:calc(var(--nx) - 2px);top:var(--ny);width:4px;height:100%;background:radial-gradient(circle at 50% 50%,var(--route) 1.7px,transparent 2.1px) 0 0 / 4px 11px repeat-y}.wf-path .wf-stop[data-walked]:before{width:4px;background:var(--done);border-radius:4px}.wf-path .wf-stop:last-child:before{display:none}.wf-path .wf-node{position:absolute;z-index:2;left:calc(var(--nx) - 18px);top:calc(var(--ny) - 18px);display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--e);border-radius:50%;background:var(--surface);color:var(--d);font:800 14px/1 var(--f-ui)}.wf-path .wf-stop[data-cue=start] .wf-node,.wf-path .wf-stop[data-cue=next] .wf-node{border-color:var(--a)}.wf-path .wf-stop[data-state=soon] .wf-node{border-style:dashed;border-color:var(--line2);color:var(--muted)}.wf-path .wf-stop[data-state=done] .wf-node{border-color:var(--done);background:var(--done);color:var(--on-good)}.wf-path .wf-stop[data-state=now] .wf-node{border:3px solid var(--a);background:var(--t)}.wf-path .wf-stop[data-state=now] .wf-node:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--a)}.wf-path .wf-jn{position:absolute;left:calc(var(--nx) - 5px);top:calc(var(--ny) - 5px);z-index:1;width:10px;height:10px;border-radius:50%;background:var(--route)}.wf-path .wf-spur{position:absolute;left:var(--nx);top:calc(var(--ny) - 2px);width:calc(var(--spur) - 10px);height:4px;background:radial-gradient(circle at 50% 50%,var(--route) 1.7px,transparent 2.1px) 0 0 / 11px 4px repeat-x}.wf-path .wf-stop[data-opt][data-state=done] .wf-spur{background:var(--done);border-radius:4px}.wf-path .wf-stop[data-opt] .wf-node{left:calc(var(--nx) + var(--spur) - 11px);top:calc(var(--ny) - 11px);width:22px;height:22px;border-style:dashed;border-width:2px;background:var(--page);color:var(--muted)}.wf-path .wf-stop[data-opt][data-state=done] .wf-node{border-style:solid;background:var(--done)}.wf-path .wf-stop[data-opt][data-state=now] .wf-node{border-style:solid;border-width:3px}.wf-path .wf-stop[data-opt][data-state=now] .wf-node:after{width:6px;height:6px}.wf-path .wf-sc{display:flex;flex-direction:column;gap:16px;padding:22px 26px}.wf-path .wf-sc .sk-art svg{width:320px;height:320px;right:-24px;top:-40px}.wf-path .wf-sc .sk-art.art-t svg{width:300px;height:300px;right:-40px;top:-64px}.wf-path .wf-sc-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.wf-path .wf-sc-main{display:flex;align-items:flex-start;gap:20px}.wf-path .wf-sc-tile{width:72px;height:72px;border-radius:20px}.wf-path .wf-stop[data-kind=topic] .wf-sc-tile{width:58px;height:58px;border-radius:16px}.wf-path .wf-sc-txt{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;max-width:62ch}.wf-path .wf-kick{margin-top:2px}.wf-path .wf-sc h3{font-size:clamp(25px,2.5vw,31px)}.wf-path .wf-stop[data-kind=topic] .wf-sc h3{font-size:clamp(22px,2.1vw,26px)}.wf-path .wf-sc .sk-tl{font-size:16px}.wf-path .wf-note{margin-top:6px;padding-left:14px;border-left:3px solid var(--e);font:italic 400 17px/1.45 var(--f-display);color:var(--d);text-wrap:pretty}.wf-path .wf-sc-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}.wf-path .wf-sc-info{display:flex;flex-direction:column;gap:10px;flex:1 1 260px;min-width:0}.wf-path .wf-sc-info .wf-pg{max-width:380px}.wf-path .wf-sc-act{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.wf-path .wf-sc-act>*{position:relative;z-index:3}.wf-path .wf-btn-sm{height:44px}.wf-path .wf-sc .sk-stretch:focus-visible{box-shadow:none}.wf-path .wf-sc .sk-stretch:focus-visible:after{box-shadow:inset 0 0 0 3px var(--focus)}.wf-path .wf-st{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:999px;font:700 12.5px/1 var(--f-ui);white-space:nowrap}.wf-path .wf-st-here,.wf-path .wf-st-start,.wf-path .wf-st-next{background:var(--a);color:var(--on-a)}.wf-path .wf-st-ready{background:var(--surface);color:var(--d);box-shadow:inset 0 0 0 1.5px var(--e)}.wf-path .wf-st-done{background:var(--good-t);color:var(--good-d);box-shadow:inset 0 0 0 1.5px var(--good-e)}.wf-path .wf-pip{width:9px;height:9px;border-radius:50%;background:var(--on-a)}.wf-path .wf-stop[data-state=now] .sk-face,.wf-path .wf-stop[data-cue=start] .sk-face,.wf-path .wf-stop[data-cue=next] .sk-face{border-color:var(--a)}.wf-path .wf-stop[data-opt] .sk-face{background:var(--surface)}.wf-path .wf-stop[data-opt] .sk-art{opacity:.55}.wf-path .wf-stop[data-opt] .sk-gt{background:var(--t)}@media(max-width:1023px){.wf-path .wf-head-face{min-height:0}.wf-path .wf-head-l{max-width:none}}@media(max-width:767px){.wf-path{padding-bottom:56px}.wf-path .wf-head-face{gap:24px;padding:28px 22px 26px}.wf-path .wf-head-l{flex-basis:100%;padding-top:22px}.wf-path .wf-sub{font-size:20px}.wf-path .wf-desc{font-size:16px}.wf-path .wf-acts{flex-direction:column;align-items:stretch}.wf-path .wf-acts .wf-btn{width:100%;height:auto;min-height:52px;padding:12px 18px;white-space:normal;text-align:center}.wf-path .wf-head-soon{right:16px;top:16px}.wf-path .wf-sec-h p{font-size:16px}.wf-path .wf-stops{--nx: 15px;--ny: 32px;--gut: 50px;--gut-o: 68px;--spur: 30px;margin-top:24px}.wf-path .wf-stop{padding-bottom:calc(var(--peek) + 24px)}.wf-path .wf-node{left:calc(var(--nx) - 14px);top:calc(var(--ny) - 14px);width:28px;height:28px;font-size:12.5px}.wf-path .wf-stop[data-opt] .wf-node{left:calc(var(--nx) + var(--spur) - 9px);top:calc(var(--ny) - 9px);width:18px;height:18px}.wf-path .wf-stop[data-state=now] .wf-node:after{width:9px;height:9px}.wf-path .wf-spur{width:calc(var(--spur) - 8px)}.wf-path .wf-sc{gap:14px;padding:18px 16px 18px 18px}.wf-path .wf-sc .sk-art svg,.wf-path .wf-sc .sk-art.art-t svg{width:220px;height:220px;right:-56px;top:-70px}.wf-path .wf-sc-main{gap:14px}.wf-path .wf-sc-tile{width:56px;height:56px;border-radius:16px}.wf-path .wf-stop[data-kind=topic] .wf-sc-tile{width:48px;height:48px;border-radius:14px}.wf-path .wf-sc-tile svg{width:34px;height:34px}.wf-path .wf-sc-foot,.wf-path .wf-sc-act{flex-direction:column;align-items:stretch;width:100%}.wf-path .wf-sc-info{flex:none}.wf-path .wf-sc-info .wf-pg{max-width:none}.wf-path .wf-sc-act .wf-btn{width:100%;height:auto;min-height:44px;padding:10px 14px;white-space:normal;text-align:center}}.wf-path .wf-pstations{flex:1 1 520px;min-width:0;max-width:640px;margin-left:auto;padding-top:12px}@media(max-width:1023px){.wf-path .wf-pstations{max-width:none;margin:0}}@media(max-width:767px){.wf-path .wf-pstations{zoom:.62}}