.cc-path-layout{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.4fr);gap:38px;align-items:start;padding:32px!important}.cc-path-summary{position:sticky;top:110px;padding:25px;border:1px solid var(--cc-border);border-radius:22px;background:var(--cc-card)}.cc-path-summary>img{width:100px;height:100px;display:block;margin:0 0 22px}.cc-path-summary h2{font-size:24px;line-height:1.5;margin:12px 0}.cc-path-summary>p{font-size:13px;line-height:1.9;color:var(--cc-muted)}.cc-path-summary>.cc-kicker{font-size:10px}.cc-path-count{display:flex;align-items:baseline;gap:10px;padding:14px 0;border-top:1px solid var(--cc-border);border-bottom:1px solid var(--cc-border);margin:18px 0}.cc-path-count>strong{font-size:21px}.cc-path-count>span{font-size:11px;color:var(--cc-muted)}.cc-path-summary>button{width:100%;padding:12px;margin-top:18px;border:0;border-radius:11px;background:#f3ce59;color:#342e20;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.cc-path-heading{border:1px solid var(--cc-border);border-bottom:4px solid #9580b7;border-radius:16px;padding:18px 22px;text-align:center;background:var(--cc-card)}.cc-path-heading>span{font-size:10px;color:#9580b7;letter-spacing:.12em}.cc-path-heading h3{font-size:18px;margin:8px 0}.cc-path-heading p{font-size:11px;color:var(--cc-muted);margin:0;line-height:1.8}.cc-lesson-path{list-style:none;margin:20px 0 0;padding:0}.cc-lesson-path li{position:relative;padding:15px 0 28px;margin:0 35px}.cc-lesson-path li:nth-child(even){margin-left:65px;margin-right:5px}.cc-lesson-path li:not(:last-child):after{content:'';position:absolute;width:2px;height:40px;background:var(--cc-border);top:80px;left:36px;transform:rotate(-30deg);transform-origin:top}.cc-lesson-path li:nth-child(even):after{transform:rotate(30deg)}.cc-lesson-path button{display:flex;width:100%;align-items:center;gap:18px;text-align:left;border:0;background:transparent;color:var(--cc-ink);cursor:pointer;padding:6px 0;position:relative;z-index:1}.cc-path-node{width:68px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--cc-panel);border:5px solid var(--cc-border);box-shadow:0 7px 0 var(--cc-border);flex-shrink:0;font-size:19px;font-weight:600}.cc-path-copy{min-width:0;flex:1}.cc-path-copy>*{display:block}.cc-path-copy>small{font-size:10px;color:var(--cc-muted)}.cc-path-copy>strong{font-size:14px;line-height:1.8;margin:4px 0}.cc-path-copy>span{font-size:10px;color:var(--cc-muted)}.cc-lesson-path button>b{color:var(--cc-muted);font-size:14px}.cc-lesson-path .is-current .cc-path-node{background:#f0e9fe;border-color:#a08bbf;box-shadow:0 7px 0 #78618f,0 0 0 9px #a08bbf18;color:#8061a6;font-size:30px}.cc-lesson-path .is-done .cc-path-node{background:var(--cc-green-soft,#e7f1de);border-color:#99b889;color:var(--cc-green);box-shadow:0 7px 0 #7c996c}.cc-lesson-path button:focus-visible{outline:3px solid #a08bbf;outline-offset:8px;border-radius:10px}
@media(max-width:1000px){.cc-path-layout{grid-template-columns:1fr;gap:25px;padding:23px!important}.cc-path-summary{position:static}.cc-path-summary>img{float:left;margin:0 20px 10px 0;width:75px;height:75px}.cc-path-summary>button{clear:both}.cc-path-count{clear:both}.cc-path-track{max-width:600px;width:100%;margin:auto}}
@media(max-width:600px){.cc-path-layout{padding:15px!important}.cc-path-summary{padding:18px}.cc-path-summary h2{font-size:20px}.cc-lesson-path li{margin:0 20px 0 0}.cc-lesson-path li:nth-child(even){margin:0 0 0 20px}.cc-path-node{width:52px;height:48px;font-size:16px}.cc-lesson-path button{gap:12px}.cc-path-copy>strong{font-size:12px}.cc-lesson-path li:not(:last-child):after{left:28px;top:72px;height:38px;transform:rotate(-20deg)}.cc-lesson-path li:nth-child(even):after{transform:rotate(20deg)}}