/* Netcomtech Learning + Visual Workshop V16 */
.lesson-prereq{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.lesson-prereq>div{
  border:1px solid #d7e3eb;
  border-radius:12px;
  padding:18px;
  background:#fff;
}
.lesson-prereq strong{
  display:block;
  color:#0b2f55;
  margin-bottom:6px;
  font-size:16px;
}
.beginner-module-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.beginner-module{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:17px;
  border:1px solid #d6e1e8;
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  color:#12314e;
}
.beginner-module>span{
  display:grid;
  place-items:center;
  width:46px;height:46px;
  border-radius:50%;
  background:#e9f4f9;
  color:#0b6ea8;
  font-weight:800;
}
.beginner-module strong{display:block;color:#0b2f55;font-size:17px;margin-bottom:4px}
.beginner-module small{display:block;line-height:1.5;color:#526b7d}
.beginner-module:hover{border-color:#74b8d7;box-shadow:0 7px 20px rgba(24,63,91,.08)}
.beginner-module.featured-practical{border-left:5px solid #2fa65a}
.beginner-module.final-module{border-left:5px solid #0b6ea8}
.lesson-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px;
}
.role-path-card{
  border:1px solid #d6e1e8;
  border-radius:14px;
  padding:22px;
  margin-bottom:22px;
}
.role-path-card .learning-path-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.role-path-kicker{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#0b6ea8;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.role-path-open,.lesson-next{
  display:inline-block;
  padding:10px 14px;
  border-radius:8px;
  background:#0b6ea8;
  color:#fff!important;
  text-decoration:none;
  font-weight:700;
}
.role-path-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.role-path-summary span{
  padding:6px 10px;
  border-radius:999px;
  background:#e9f4f9;
  color:#0b2f55;
  font-size:13px;
  font-weight:700;
}
.workshop-step{padding-top:42px;padding-bottom:42px}
.workshop-step.alt{background:#f6fafc}
.workshop-step .step-number{
  display:grid;
  place-items:center;
  width:46px;height:46px;
  border-radius:50%;
  background:#0b6ea8;
  color:#fff;
  font-weight:800;
  margin-bottom:10px;
}
.step-illustration{
  display:block;
  width:100%;
  height:auto;
  margin:18px 0 22px;
  border:1px solid #d6e1e8;
  border-radius:14px;
  background:#fff;
}
.common-mistakes{background:#fff}
.mistake-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mistake-grid>div{
  border-left:4px solid #d15d5d;
  background:#fff6f6;
  padding:14px 16px;
  border-radius:0 10px 10px 0;
}
.mistake-grid strong{display:block;color:#7c2626;margin-bottom:4px}
.lesson-outcomes li{margin-bottom:8px}
@media(max-width:800px){
  .lesson-prereq,.beginner-module-grid,.lesson-check-grid,.mistake-grid{grid-template-columns:1fr}
  .role-path-card .learning-path-head{align-items:flex-start;flex-direction:column}
}