.roadmap-tracks{grid-template-columns:minmax(0,1fr);gap:48px;display:grid}.roadmap-track{min-width:0}.roadmap-track h2{align-items:center;gap:10px;margin:0 0 8px;font-size:22px;line-height:1.3;display:flex}.roadmap-track-no{color:#fff;background:#087158;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-grid}.roadmap-lead,.roadmap-note{color:#4a5d55;max-width:46em;margin:0 0 16px;font-size:14px;line-height:1.7}.roadmap-note{margin:12px 0 0;font-size:13px}.route-graph{background:#fff;border:1px solid #dce5df;border-radius:12px;max-width:100%;padding:6px 0;overflow-x:auto}.route-graph svg{max-width:none;margin:0 auto;display:block}.route-graph-edge{fill:none;stroke:#7d8c85;stroke-width:1.5px}.route-graph-edge[data-met]{stroke:#3f8a73}.route-graph-track{fill:#fff;stroke:#cdd8d2;stroke-width:3px}.route-graph-ring{fill:none;stroke:#087158;stroke-width:3px;stroke-linecap:round}.route-graph-code{fill:#152c24;font:700 11px/1 var(--font-mono,monospace)}.route-graph-name{fill:#152c24;font-size:12px}.route-graph-node[data-state=done] .route-graph-track{fill:#087158;stroke:#087158}.route-graph-node[data-state=done] .route-graph-code{fill:#fff}.route-graph-node[data-state=ready] .route-graph-track{stroke:#a35f00}.route-graph-node[data-state=later] .route-graph-track{stroke:#87978f;stroke-dasharray:3 3}.route-graph-node[data-state=later] .route-graph-name{fill:#566a61}.route-graph-node:is(:hover,:focus-visible) .route-graph-name{text-decoration:underline}.route-graph-node:focus-visible{outline-offset:2px;outline:2px solid #087158}.roadmap-legend{color:#4a5d55;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.roadmap-legend li{align-items:center;gap:6px;display:inline-flex}.roadmap-legend li:before{content:"";box-sizing:border-box;background:#fff;border:2px solid #cdd8d2;border-radius:50%;width:13px;height:13px}.roadmap-legend li[data-state=done]:before{background:#087158;border-color:#087158}.roadmap-legend li[data-state=active]:before{border-color:#087158 #087158 #cdd8d2 #cdd8d2}.roadmap-legend li[data-state=ready]:before{border-color:#a35f00}.roadmap-legend li[data-state=later]:before{border-style:dashed;border-color:#87978f}.roadmap-parts,.roadmap-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.roadmap-parts>li{background:#fff;border:1px solid #dce5df;border-radius:12px;padding:14px 16px}.roadmap-parts h3{margin:0 0 8px;font-size:14px}.roadmap-parts ol{gap:6px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:grid}.roadmap-parts li[data-read] svg{vertical-align:-2px;color:#087158;margin-right:4px}.roadmap-cards a{box-sizing:border-box;color:#152c24;background:#fff;border:1px solid #dce5df;border-radius:12px;gap:6px;height:100%;padding:16px;display:grid}.public-library .roadmap-cards a:hover{border-color:#087158;text-decoration:none}.roadmap-cards strong{color:#087158;font-size:15px}.roadmap-cards span{color:#4a5d55;font-size:13px;line-height:1.6}.roadmap-cs,.roadmap-cs ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.roadmap-cs ol{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}.roadmap-cs ol>li{color:#4a5d55;background:#fff;border:1px solid #dce5df;border-radius:12px;align-content:start;gap:4px;padding:14px 16px;font-size:13px;line-height:1.6;display:grid}.roadmap-cs strong{color:#152c24;font-size:15px}.roadmap-cs em{font-style:normal;font-weight:600}.roadmap-cs ol>li[data-state=done]{border-color:#087158;box-shadow:inset 4px 0 #087158}.roadmap-cs ol>li[data-state=active]{box-shadow:inset 4px 0 #a35f00}@media screen{.dark .roadmap-track-no{color:#fff;background:#087158}.dark .roadmap-lead,.dark .roadmap-note{color:#baccc4}.dark .route-graph{background:#191919;border:1px solid #2b322d}.dark .route-graph-edge{fill:none}.dark .route-graph-track{fill:#191919;stroke:#2f3833}.dark .route-graph-ring{fill:none}.dark .route-graph-code,.dark .route-graph-name{fill:#cbe3d9}.dark .route-graph-node[data-state=later] .route-graph-track{stroke:#87978f}.dark .route-graph-node[data-state=later] .route-graph-name{fill:#b4c7be}.dark .route-graph-node:is(:hover,:focus-visible) .route-graph-name{text-decoration:underline}.dark .route-graph-node:focus-visible{outline:2px solid #8ed5bc}.dark .roadmap-legend{color:#baccc4}.dark .roadmap-legend li:before{background:#191919;border:2px solid #2f3833}.dark .roadmap-legend li[data-state=later]:before{border-style:dashed;border-color:#87978f}.dark .roadmap-parts>li{background:#191919;border:1px solid #2b322d}.dark .roadmap-parts li[data-read] svg{color:#8ed5bc}.dark .roadmap-cards a{color:#cbe3d9;background:#191919;border:1px solid #2b322d}.dark .public-library .roadmap-cards a:hover{border-color:#087158;text-decoration:none}.dark .roadmap-cards strong{color:#8ed5bc}.dark .roadmap-cards span{color:#baccc4}.dark .roadmap-cs ol>li{color:#baccc4;background:#191919;border:1px solid #2b322d}.dark .roadmap-cs strong{color:#cbe3d9}.dark .roadmap-cs ol>li[data-state=done]{border-color:#087158;box-shadow:inset 4px 0 #087158}.dark .roadmap-cs ol>li[data-state=active]{box-shadow:inset 4px 0 #a35f00}}