.dpl{gap:clamp(26px,3vw,38px);display:grid}.dpl__flows{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;gap:clamp(14px,1.8vw,20px);margin:0;padding:0;list-style:none;display:grid}.dpl__f{align-content:start;gap:var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(130% 90% at 0 0,#a855f70d,#0000 60%),#ffffff05;padding:clamp(18px,2vw,24px);display:grid}.dpl__head{gap:6px;display:grid}.dpl__id{color:var(--foil-solid)}.dpl__title{color:var(--bone);margin:0;font-size:1rem;font-weight:600}.dpl__trig{color:var(--ash);gap:2px;margin:0;display:grid}.dpl__trigk{color:var(--ash)}.dpl__rows{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.dpl__r{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:4px 10px;display:grid}.dpl__mark{width:18px;height:18px;color:var(--foil-solid);place-items:center;margin-top:1px;display:grid}.dpl__mark i{background:var(--border-strong);border-radius:50%;width:7px;height:7px}.dpl__mark svg{width:17px;height:17px}.dpl__n{color:var(--ash);grid-column:2;font-size:.58rem}.dpl__name{color:var(--bone);grid-column:2;font-size:.88rem}.dpl__note{color:var(--ash);grid-column:2;margin-top:2px}.dpl__r[data-kind=human]{border-radius:var(--r-md);background:#9d8cff12;border:1px solid #9d8cff73;margin:2px 0;padding:10px 12px 11px;position:relative}.dpl__r[data-kind=human] .dpl__name{color:var(--foil-solid);font-weight:600}.dpl__r[data-kind=branch]{border-left:1px solid var(--border);margin-left:14px;padding-left:12px}.dpl__r[data-kind=branch] .dpl__name{color:var(--ash)}.dpl__r[data-kind=branch] .dpl__mark i{border-radius:0;width:7px;height:1px}.dpl__foot{max-width:76ch;color:var(--ash);align-items:flex-start;gap:11px;margin:0;display:flex}.dpl__dot{background:var(--foil);border-radius:50%;flex:none;width:9px;height:9px;margin-top:7px}
.hof{gap:clamp(26px,3.4vw,40px);display:grid}.hof__rail{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:clamp(8px,1.2vw,16px);margin:0;padding:0;list-style:none;display:grid;position:relative}.hof__rail:before{content:"";background:var(--border);height:1px;position:absolute;top:7px;left:0;right:0}.hof__s{align-content:start;gap:5px;padding-top:26px;display:grid;position:relative}.hof__dot{border:1px solid var(--border-strong);background:var(--ink);width:13px;height:13px;transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:1px;left:0}.hof__s[data-done] .hof__dot{border-color:var(--foil-solid);background:var(--foil-solid)}.hof__no{color:var(--ash);font-size:.6rem}.hof__lbl{color:var(--bone);font-size:.92rem;font-weight:600}.hof__det{color:var(--ash);margin:0}.hof__s[data-human] .hof__dot{border-color:var(--foil-solid);background:var(--ink);width:17px;height:17px;box-shadow:0 0 0 3px var(--ink);top:-1px}.hof__s[data-human][data-done] .hof__dot{background:var(--foil-solid)}.hof__s[data-human] .hof__lbl{color:var(--foil-solid)}.hof__s[data-human]:after{content:"";border:1px solid var(--foil-solid);opacity:0;pointer-events:none;border-radius:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;position:absolute;top:7px;left:8px}.hof[data-waiting] .hof__s[data-human]:after{animation:hofWait 1.6s var(--ease-out) infinite}@keyframes hofWait{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.hof__job{width:calc((100% - (var(--n) - 1) * clamp(8px, 1.2vw, 16px)) / var(--n));pointer-events:none;height:15px;transform:translateX(calc(var(--at) * (100% + clamp(8px, 1.2vw, 16px))));transition:transform .42s var(--ease-in-out);position:absolute;top:0;left:0}.hof__job i{background:var(--bone);width:9px;height:9px;box-shadow:0 0 0 4px var(--ink);border-radius:50%;position:absolute;top:3px;left:2px}.hof__why{max-width:68ch;color:var(--ash);border-left:1px solid #9d8cff80;gap:7px;margin:0;padding-left:clamp(14px,1.6vw,20px);font-size:.96rem;display:grid}.hof__whyk{color:var(--foil-solid)}@media (max-width:860px){.hof__rail{grid-template-columns:minmax(0,1fr);gap:clamp(14px,3vw,20px)}.hof__rail:before{width:1px;height:auto;inset:0 auto 0 6px}.hof__s{padding-top:0;padding-left:30px}.hof__dot{top:4px}.hof__s[data-human] .hof__dot{top:2px}.hof__s[data-human]:after{top:12px;left:8px}.hof__job{display:none}}@media (prefers-reduced-motion:reduce){.hof__job,.hof__dot{transition:none}.hof__s[data-human]:after{animation:none}}