.cj-road{padding-top:32px}.cj-road-back{font-size:13px;color:#a2bfae!important;text-decoration:none}.cj-road-hero{padding:65px 0 30px;max-width:960px}.cj-road-hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.06}.cj-road-hero h1 em{color:#9bedd0;font-style:normal}.cj-road-hero>p{max-width:720px;font-size:18px}.cj-road-meta{display:flex;gap:12px;flex-wrap:wrap}.cj-road-meta span{border:1px solid #354a3e;border-radius:22px;padding:7px 14px;font-size:12px;color:#c0d6ca}.cj-road-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#13221b;border:1px solid #355d49;border-radius:16px;padding:24px;margin:20px 0}.cj-road-toolbar strong{font-size:15px}.cj-road-toolbar progress{display:block;width:250px;max-width:100%;height:6px;margin-top:14px;accent-color:#8aefd1}.cj-road-toolbar p{margin:0;font-size:13px}.cj-road-intro{max-width:850px;margin:28px 0 48px}.cj-road-map{position:relative;padding:8px 0 40px;background:radial-gradient(#36544255 1px,transparent 1px);background-size:22px 22px}.cj-road-map:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(#89e7c3,#48614f,#b5a0e9)}.cj-road-stage{position:relative;margin:0 auto 65px;max-width:1000px}.cj-road-stage-label{position:relative;display:flex;gap:15px;align-items:center;width:max-content;max-width:90%;margin:0 auto 28px;padding:18px 24px;background:#a7edc7;border:1px solid #c2f6d7;color:#103124;border-radius:12px;box-shadow:0 8px 30px #0003}.cj-road-stage-label span{font:14px monospace;opacity:.7}.cj-road-stage-label h2{font-size:19px;color:inherit;margin:0;letter-spacing:0}.cj-road-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}.cj-road-nodes:before{content:"";height:2px;position:absolute;left:15%;right:15%;top:-14px;background:#769d86}.cj-road-node{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-height:120px;text-align:left;padding:24px 36px 24px 22px;border-radius:12px;border:1px solid #667454;background:#202c1d;color:#f2f1d9;cursor:pointer;box-shadow:0 9px 30px #0003;transition:transform .2s,border-color .2s;font-size:15px!important;line-height:1.4!important}.cj-road-node:before{content:"";position:absolute;width:2px;height:14px;top:-15px;left:50%;background:#769d86}.cj-road-node:hover{transform:translateY(-3px);border-color:#b8ead0}.cj-road-node small{font:10px monospace;text-transform:uppercase;letter-spacing:1px;color:#b1baa5}.cj-road-node b{position:absolute;right:15px;top:20px;color:#c0cc9a}.cj-road-stage:nth-child(even) .cj-road-stage-label{background:#d1b6ef;color:#332447;border-color:#e4d2f5}.cj-road-node[data-status=done]{background:#153a2a;border-color:#7edaad}.cj-road-node[data-status=learning]{border-color:#d4b1ff;background:#30233c}.cj-road-node[data-status=skipped]{border-style:dashed;opacity:.7}.cj-road-finish{position:relative;max-width:850px;margin:30px auto;background:#17271e!important}.cj-road-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100%);max-width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;background:#101c16;color:#edf5ef;border:0;border-left:1px solid #53725e;padding:24px 34px 45px;overflow:auto;box-shadow:-25px 0 80px #0005}.cj-road-dialog::backdrop{background:#020907b8;backdrop-filter:blur(3px)}.cj-road-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.cj-road-dialog-bar span{font:11px monospace;color:#99bfaa;letter-spacing:2px}.cj-road-dialog-bar button{width:44px;height:44px;background:#243b2d;border:1px solid #5f7d6a;border-radius:50%;font-size:28px;color:white;cursor:pointer}.cj-road-dialog h2{font-size:34px!important}.cj-road-reading h3{font-size:21px;margin:32px 0 14px}.cj-road-reading p,.cj-road-reading li{font-size:15px;line-height:1.85;color:#c0d0c5}.cj-road-reading li{margin:12px 0}.cj-road-reading pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#09110d;border:1px solid #375440;border-radius:10px;font-size:13px}.cj-road-save{border-top:1px solid #365442;margin-top:28px;padding-top:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cj-road-save label{font-size:13px}.cj-road-save select{background:#1d3225;color:#e0efdf;border:1px solid #66846f;padding:10px;border-radius:7px}.cj-road-save p{flex-basis:100%;font-size:13px;margin:0}.cj-road-dialog button:disabled{opacity:.45;cursor:default}.cjai-card-img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;max-width:100%}.cj-road-dialog:focus{outline:none}@media(max-width:700px){.cj-road-hero{padding-top:40px}.cj-road-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.cj-road-map:before{left:20px}.cj-road-stage-label{margin-left:0;max-width:100%;width:auto;padding:16px}.cj-road-stage-label h2{font-size:17px}.cj-road-nodes{grid-template-columns:1fr;gap:15px;margin-left:40px}.cj-road-nodes:before{display:none}.cj-road-node{min-height:88px}.cj-road-node:before{height:2px;width:20px;left:-20px;top:50%}.cj-road-stage{margin-bottom:35px}.cj-road-dialog{padding:20px 22px 35px}.cj-road-dialog h2{font-size:29px!important}}
.cj-road-dialog-bar{position:sticky;top:0;background:#101c16;z-index:2;padding-bottom:8px}