.three-paths *{margin:0;padding:0;box-sizing:border-box}.three-paths{--paper: var(--flexoki-paper);--grid: rgba(16, 15, 15, .05);--gridstrong: rgba(16, 15, 15, .11);--ink: var(--flexoki-black);--ink-dim: var(--flexoki-700);--ink-faint: var(--flexoki-600);--line: var(--flexoki-300);--builder: var(--flexoki-yellow-600);--builder-ink: var(--flexoki-yellow-900);--builder-soft: rgba(173, 131, 1, .1);--builder-bd: rgba(173, 131, 1, .4);--offloader: var(--flexoki-orange-400);--offloader-ink: var(--flexoki-orange-600);--offloader-soft: rgba(218, 112, 44, .1);--offloader-bd: rgba(218, 112, 44, .4);--abstainer: var(--flexoki-cyan-600);--abstainer-ink: var(--flexoki-cyan-600);--abstainer-soft: rgba(36, 131, 123, .1);--abstainer-bd: rgba(36, 131, 123, .4);--mono: "JetBrains Mono", monospace;--sans: "JetBrains Mono", monospace;font-family:var(--sans);font-size:16px;line-height:1.62;color:var(--ink);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 26px 26px,var(--flexoki-50);padding:clamp(12px,2.5vw,26px);margin:2.5rem 0;border-radius:10px;border:1px solid var(--line);overflow:hidden}.three-paths .sheet{max-width:940px;margin:0 auto;background:var(--flexoki-paper);border:1px solid var(--line);border-radius:6px;box-shadow:none;overflow:hidden}.three-paths .sheet>:first-child{border-top:none}.three-paths .titleblock{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:clamp(20px,3vw,34px);border-bottom:1px solid var(--gridstrong)}.three-paths .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.three-paths h1{font-family:var(--mono);font-weight:600;font-size:clamp(25px,5vw,40px);line-height:1.06;letter-spacing:-.01em;color:var(--ink)}.three-paths h1 .amp{color:var(--ink-faint);font-weight:400}.three-paths .subtitle{color:var(--ink-dim);max-width:50ch;margin-top:14px;font-size:15px}.three-paths .legend{display:flex;flex-wrap:wrap;gap:18px 22px;padding:18px clamp(20px,3vw,34px);border-bottom:1px solid var(--gridstrong);font-size:13.5px}.three-paths .leg{display:flex;align-items:flex-start;gap:10px;max-width:40ch}.three-paths .swatch{width:15px;height:15px;border-radius:3px;flex:none;margin-top:3px}.three-paths .leg .nm{font-family:var(--mono);font-weight:600;letter-spacing:.02em}.three-paths .leg .ds{color:var(--ink-dim);font-size:12.5px;display:block;margin-top:2px}.three-paths .sw-b{background:var(--builder)}.three-paths .sw-o{background:var(--offloader)}.three-paths .sw-a{background:var(--abstainer)}.three-paths .chartfig{padding:clamp(16px,3vw,28px) clamp(10px,3vw,28px) 8px;border-bottom:1px solid var(--gridstrong)}.three-paths svg{display:block;width:100%;height:auto;overflow:visible}.three-paths .gridline{stroke:var(--grid);stroke-width:1}.three-paths .baseline{stroke:var(--line);stroke-width:1}.three-paths .path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.three-paths .path-b{stroke:var(--builder)}.three-paths .path-o{stroke:var(--offloader)}.three-paths .path-a{stroke:var(--abstainer);stroke-dasharray:7 4}.three-paths .dot{stroke:#fff;stroke-width:2}.three-paths .dot-b{fill:var(--builder)}.three-paths .dot-o{fill:var(--offloader)}.three-paths .dot-a{fill:var(--abstainer)}.three-paths .dot-active{stroke-width:2.5}.three-paths .tp-marker{stroke:var(--ink-faint);stroke-width:1.5;stroke-dasharray:3 4;opacity:.55}.three-paths .axis-label{font-family:var(--mono);font-size:11px;fill:var(--ink-faint);letter-spacing:.04em}.three-paths .xtick{font-family:var(--mono);font-size:11px;fill:var(--ink-dim);text-anchor:middle}.three-paths .xgrade{font-family:var(--mono);font-size:9.5px;fill:var(--ink-faint);text-anchor:middle;letter-spacing:.04em}.three-paths .cross-note{font-family:var(--mono);font-size:10.5px;fill:var(--ink-faint);text-anchor:middle}.three-paths .end-lbl{font-family:var(--mono);font-size:10.5px;font-weight:500}.three-paths .howto{padding:16px clamp(20px,3vw,34px);border-bottom:1px solid var(--gridstrong);font-size:13.5px;color:var(--ink-dim)}.three-paths .howto b{font-family:var(--mono);color:var(--ink);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.three-paths .pager{padding:clamp(12px,2vw,22px) clamp(20px,3vw,34px) 6px}.three-paths .pager-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.three-paths .pager-bar-bottom{margin-top:22px;margin-bottom:0;padding-top:18px;border-top:1px solid var(--grid)}.three-paths .pgbtn{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-dim);background:transparent;border:1px solid var(--line);border-radius:6px;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.three-paths .pgbtn:hover:not(:disabled){background:var(--flexoki-100);color:var(--ink);border-color:var(--line)}.three-paths .pgbtn:disabled{opacity:.35;cursor:default}.three-paths .pager-mid{display:flex;flex-direction:column;align-items:center;gap:8px}.three-paths .pager-dots{display:flex;gap:7px}.three-paths .pgdot{width:9px;height:9px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.three-paths .pgdot:hover{border-color:var(--builder)}.three-paths .pgdot.on{background:var(--builder);border-color:var(--builder);transform:scale(1.15)}.three-paths .pager-pos{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.three-paths .stage{padding:24px 0;border-bottom:1px solid var(--grid)}.three-paths .stage:last-child{border-bottom:none}.three-paths .stage-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:16px}.three-paths .stage-no{font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.1em}.three-paths .stage-grade{font-family:var(--mono);font-size:12px;color:var(--builder-ink);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.three-paths .stage-title{font-family:var(--mono);font-size:clamp(17px,3vw,22px);font-weight:600;flex-basis:100%}.three-paths .stage-courses{color:var(--ink-faint);font-size:12.5px;font-family:var(--mono);margin-left:auto}.three-paths .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.three-paths .card{border:1px solid var(--line);border-radius:6px;padding:15px}.three-paths .card.b{background:var(--builder-soft);border-color:var(--builder-bd)}.three-paths .card.o{background:var(--offloader-soft);border-color:var(--offloader-bd)}.three-paths .card.a{background:var(--abstainer-soft);border-color:var(--abstainer-bd)}.three-paths .card .who{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;font-weight:600;margin-bottom:3px}.three-paths .card.b .who{color:var(--builder-ink)}.three-paths .card.o .who{color:var(--offloader-ink)}.three-paths .card.a .who{color:var(--abstainer-ink)}.three-paths .card .role{font-size:11px;color:var(--ink-faint);font-family:var(--mono);margin-bottom:11px}.three-paths .card p{font-size:13px;color:var(--ink);margin-bottom:10px}.three-paths .card .feel{font-size:12px;color:var(--ink-dim);border-top:1px dashed var(--line);padding-top:9px}.three-paths .card .feel b{font-family:var(--mono);font-weight:500;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:3px}.three-paths .insight{margin-top:14px;padding:13px 16px;border-left:3px solid var(--builder);background:var(--flexoki-50);font-size:13.5px}.three-paths .insight b{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--builder-ink);display:block;margin-bottom:4px}.three-paths .dist,.three-paths .proj{padding:24px clamp(20px,3vw,34px);border-top:1px solid var(--gridstrong)}.three-paths .dist h2,.three-paths .proj h2{font-family:var(--mono);font-size:clamp(15px,2.5vw,18px);font-weight:600;margin-bottom:8px;color:var(--ink)}.three-paths .dlead{font-size:13px;color:var(--ink-dim);max-width:70ch;margin-bottom:18px}.three-paths .dlead b{color:var(--ink);font-weight:500}.three-paths .bar{display:flex;height:42px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.three-paths .seg{display:flex;align-items:center;justify-content:center;min-width:0}.three-paths .seg span{font-family:var(--mono);font-size:12px;font-weight:600;color:#fff}.three-paths .seg-o{background:var(--offloader)}.three-paths .seg-a{background:var(--abstainer)}.three-paths .seg-b{background:var(--builder)}.three-paths .keys{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:16px}.three-paths .key{font-size:12.5px;color:var(--ink-dim);display:flex;align-items:baseline;gap:8px;max-width:30ch}.three-paths .key b{font-family:var(--mono);font-weight:600;color:var(--ink)}.three-paths .kdot{width:11px;height:11px;border-radius:3px;flex:none;position:relative;top:1px}.three-paths .kd-o{background:var(--offloader)}.three-paths .kd-a{background:var(--abstainer)}.three-paths .kd-b{background:var(--builder)}.three-paths .knote{display:block;color:var(--ink-faint);font-size:11.5px;margin-top:3px}.three-paths .dnote{margin-top:16px;font-size:12.5px;color:var(--ink-faint);line-height:1.65;border-top:1px dashed var(--line);padding-top:12px;max-width:72ch}.three-paths .proj .dlead{margin-bottom:12px}.three-paths .minileg{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:12px;color:var(--ink-dim);margin-bottom:16px}.three-paths .minileg span{display:inline-flex;align-items:center}.three-paths .minileg i{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:7px}.three-paths .minileg i.o{background:var(--offloader)}.three-paths .minileg i.a{background:var(--abstainer)}.three-paths .minileg i.b{background:var(--builder)}.three-paths .minileg .mlnote{color:var(--ink-faint);font-size:11px;font-family:var(--mono)}.three-paths .scen2{display:grid;grid-template-columns:1fr;gap:20px}.three-paths .scol{border:1px solid var(--line);border-radius:8px;padding:14px 15px 16px}.three-paths .scol.up{border-color:var(--builder-bd)}.three-paths .scol.down{border-color:var(--offloader-bd)}.three-paths .scol h3{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;margin-bottom:2px}.three-paths .scol.up h3{color:var(--builder-ink)}.three-paths .scol.down h3{color:var(--offloader-ink)}.three-paths .scol .sub{font-size:11px;font-family:var(--mono);color:var(--ink-faint);margin-bottom:8px}.three-paths .scol .cap{font-size:12px;color:var(--ink-dim);line-height:1.55;margin-top:10px}.three-paths .foot{padding:22px clamp(20px,3vw,34px);border-top:1px solid var(--gridstrong);font-size:12.5px;color:var(--ink-faint);line-height:1.7}.three-paths .foot b{color:var(--ink-dim);font-family:var(--mono);font-weight:500}.three-paths .refs{padding:22px clamp(20px,3vw,34px) 30px;border-top:1px solid var(--gridstrong)}.three-paths .refs h2{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-weight:600;margin-bottom:6px}.three-paths .refs .lead{font-size:12.5px;color:var(--ink-faint);margin-bottom:16px}.three-paths .refs ol{list-style:none;counter-reset:r}.three-paths .refs li{position:relative;padding-left:32px;margin-bottom:12px;font-size:12.5px;color:var(--ink-dim);line-height:1.55}.three-paths .refs li:before{counter-increment:r;content:"[" counter(r) "]";position:absolute;left:0;top:1px;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.three-paths .refs i{font-style:italic;color:var(--ink)}.three-paths .refs .src{display:inline-block;margin-top:2px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-faint)}@media (max-width: 720px){.three-paths .cards{grid-template-columns:1fr}.three-paths .stage-courses{margin-left:0}}
