/* Basics course: one card per unit, two by two on wide screens, one column on phones. */
.path-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
@media(max-width:1000px){.path-map{grid-template-columns:minmax(0,1fr)}}
.path-unit{margin:0;background:#fff;border:1px solid #e1e9f5;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px #21385b0d}
.path-unit-head{width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;border:0;border-radius:0;background:#f3f7ff;font:inherit;color:inherit}
.path-unit-head:hover{background:#eaf1ff}
.path-unit-head:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}
.path-unit-head h2{font-size:18px;margin:0;line-height:1.25}.path-unit-head p{font-size:13px;color:#607a9e;margin:4px 0 0}
.path-unit-head>div{flex:1;min-width:0}.path-unit-count{font-weight:900;color:#305a98;font-variant-numeric:tabular-nums}
.path-unit.is-done .path-unit-count{color:#2f7a57}
.path-unit-bar{display:block;height:4px;background:#e4ecf8}
.path-unit-bar>span{display:block;height:100%;background:#2563eb;border-radius:0 4px 4px 0;transition:width .4s ease}
.path-unit.is-done .path-unit-bar>span{background:#3fa678}
/* The steps: a node, the title with its stars, joined to the next step by a line. */
.path-road{list-style:none;margin:0;padding:10px 12px 14px;display:flex;flex-direction:column}
.path-road li{position:relative}
.path-road li:not(:last-child)::after{content:'';position:absolute;left:33px;top:58px;bottom:-6px;width:2px;background:#dfe7f3;border-radius:2px}
.path-road li.done:not(:last-child)::after{background:#f6b92b}
.path-step{width:100%;display:flex;align-items:center;gap:14px;padding:10px;border:0;border-radius:14px;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.path-step:hover{background:#f4f7fd}
.path-step:focus-visible{outline:3px solid #2563eb;outline-offset:1px}
.path-node{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#e7edf6;color:#6b809b;box-shadow:0 4px 0 #cfd9e7;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.path-node .icon{width:20px;height:20px}
.path-node.done{background:#f6b92b;color:#fff;box-shadow:0 4px 0 #d0961a}
.path-node.current{background:#2563eb;color:#fff;box-shadow:0 4px 0 #1c4db3;animation:path-pulse 1.8s ease-in-out infinite}
.path-step:active .path-node{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.15)}
.path-step-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.path-label{font-size:15px;font-weight:800;color:var(--navy);line-height:1.3}
.path-road li.current .path-label{color:#1d4fc2}
.path-stars{display:flex;gap:3px}.path-stars i{width:13px;height:13px;background:#d6dfec;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.path-stars i.on{background:#f6b92b}
.path-step-cta{flex-shrink:0;padding:7px 13px;border-radius:999px;background:#2563eb;color:#fff;font-size:12px;font-weight:800}
@keyframes path-pulse{50%{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.path-node.current{animation:none}.path-unit-bar>span{transition:none}}