.js-course-roadmap{border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#f7f6ef;margin:30px 0 42px}.js-course-roadmap>header{border-bottom:1px solid var(--ink);background:var(--navy);color:#fff;grid-template-columns:1.15fr .85fr;gap:28px;padding:28px;display:grid}.js-course-roadmap>header span,.js-roadmap-steps span,.js-roadmap-outcomes span{color:#80920f;letter-spacing:.09em;font:700 10px/1.2 monospace}.js-course-roadmap>header span{color:var(--lime)}.js-course-roadmap>header h2{letter-spacing:-.04em;margin:9px 0 0;font-size:clamp(24px,3vw,36px);line-height:1.05}.js-course-roadmap>header p{color:#bfcbc7;align-self:end;margin:0;font-size:13px;line-height:1.65}.js-roadmap-steps{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.js-roadmap-steps article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:210px;padding:26px}.js-roadmap-steps article:nth-child(2n){border-right:0}.js-roadmap-steps svg{color:#607410;width:27px;height:27px;margin-bottom:24px}.js-roadmap-steps h3{margin:7px 0 9px;font-size:19px}.js-roadmap-steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.js-roadmap-outcomes{border-bottom:1px solid var(--ink);grid-template-columns:.8fr 1.2fr;gap:36px;padding:30px;display:grid}.js-roadmap-outcomes>div{gap:15px;display:flex}.js-roadmap-outcomes svg{color:#607410;flex:none;width:28px}.js-roadmap-outcomes h3{margin:7px 0 0;font-size:20px;line-height:1.25}.js-roadmap-outcomes ul{color:#45534f;gap:9px;margin:0;padding-left:19px;font-size:12px;line-height:1.5;display:grid}.js-course-roadmap nav{grid-template-columns:repeat(3,1fr);display:grid}.js-course-roadmap nav a{border-right:1px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;font-size:11px;font-weight:800;display:flex}.js-course-roadmap nav a:last-child{border-right:0}.js-course-roadmap nav a:hover{background:var(--lime)}@media (max-width:760px){.js-course-roadmap>header,.js-roadmap-outcomes,.js-roadmap-steps{grid-template-columns:1fr}.js-roadmap-steps article{border-right:0}.js-course-roadmap nav{grid-template-columns:1fr}.js-course-roadmap nav a{border-right:0;border-bottom:1px solid var(--ink)}.js-course-roadmap nav a:last-child{border-bottom:0}}