.module-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.module-strip>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.module-strip span{color:var(--green);font-weight:800}.module-strip small{color:var(--muted)}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{display:flex;flex-direction:column}.skill-card.done{border-color:#87d5b8}.skill-top{display:flex;align-items:center;justify-content:space-between}.module-tag{padding:6px 9px;border-radius:7px;background:#eaf4ff;color:#2466a7;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.skill-card h2{margin:14px 0 7px}.skill-card>p{color:var(--muted);line-height:1.6}.takeaway{display:grid;gap:3px;margin:-2px 0 17px;padding:12px 14px;border-left:3px solid var(--green);background:var(--mint);font-size:.88rem}.takeaway span{color:#49645f}.complete-skill{align-self:flex-start;margin-top:auto}.path-action{width:100%;font:inherit;text-align:left;background:#fff;cursor:pointer}.path-action div{flex:1}.path-action small{display:block;color:var(--muted);margin-top:5px}.path-action>span{font-size:1.3rem;color:var(--blue)}.roadmap{display:flex;align-items:center;justify-content:center;margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.roadmap div{display:grid;place-items:center;gap:7px;min-width:78px}.roadmap div b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--green2)}.roadmap div span{font-size:.83rem;font-weight:700}.roadmap i{width:60px;height:3px;background:#dce9e5}@media(max-width:950px){.skill-grid{grid-template-columns:1fr}.module-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.module-strip{grid-template-columns:1fr}.roadmap{justify-content:flex-start;overflow-x:auto}.roadmap i{min-width:30px}.roadmap div{min-width:64px}}