/* LVL V1.31.1 — Marketing didactic visuals + proportional course detail. */
.mkt-visual{margin:0 0 14px;padding:10px;border:1px solid rgba(157,105,255,.20);border-radius:16px;background:linear-gradient(180deg,rgba(157,105,255,.075),rgba(255,255,255,.015));overflow:hidden}
.mkt-visual img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;border-radius:11px;background:#090b13}
.mkt-visual figcaption{margin:7px 2px 0;color:#8f96a8;font-size:10px;line-height:1.4}
.mkt-tool-stamp{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:start;margin:0 0 13px;padding:9px 10px;border:1px solid rgba(157,105,255,.20);border-radius:12px;background:rgba(157,105,255,.055)}
.mkt-tool-stamp b{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#c7a9ff}
.mkt-tool-stamp span{font-size:10px;line-height:1.45;color:#9ca3b6}
.mkt-example{margin:13px 0 4px;padding:11px 12px;border-left:3px solid rgba(157,105,255,.78);border-radius:0 12px 12px 0;background:rgba(157,105,255,.06)}
.mkt-example small{display:block;margin-bottom:4px;color:#a980ff;font-size:9px;font-weight:800;letter-spacing:.09em}
.mkt-example strong{display:block;color:#eef0f7;font-size:12px}
.mkt-example p{margin:5px 0 0!important;color:#b2b7c7!important;font-size:11px!important;line-height:1.55!important}
.lesson-stage .concept-copy>p{max-width:900px}
@media(max-width:720px){
  .mkt-visual{margin-bottom:10px;padding:7px;border-radius:13px}
  .mkt-visual img{max-height:185px;border-radius:9px}
  .mkt-visual figcaption{font-size:9px}
  .mkt-tool-stamp{grid-template-columns:1fr;gap:3px;margin-bottom:10px;padding:8px 9px}
  .mkt-example{margin:10px 0 3px;padding:9px 10px}
  .mkt-example strong{font-size:11px}
  .mkt-example p{font-size:10px!important}
}


/* Marketing detail: same LVL language, denser proportions on small screens. */
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .lvl-cv-detail-hero{
  padding:20px!important;
}
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] h2{
  margin:7px 0 8px!important;
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:-1px!important;
}
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-copy>p{
  max-width:760px!important;
  margin-top:0!important;
  line-height:1.55!important;
}
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-stats{
  gap:8px!important;
  margin-top:12px!important;
}
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-stat{
  padding:9px 10px!important;
  border-radius:12px!important;
}
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .access-course-strip{
  margin:10px 0 12px!important;
  padding:10px 12px!important;
}
#courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-actions{
  margin-top:11px!important;
}
@media(max-width:760px){
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"]{
    gap:14px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-breadcrumbs{
    margin-bottom:8px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .lvl-cv-detail-hero{
    padding:14px!important;
    border-radius:18px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-tags{
    gap:4px!important;
    margin-bottom:7px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-tags span{
    padding:4px 7px!important;
    font-size:7.5px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] h2{
    margin:5px 0 7px!important;
    font-size:28px!important;
    line-height:1.08!important;
    letter-spacing:-.72px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-copy>p{
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:9px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-stat{
    min-height:0!important;
    padding:8px 9px!important;
    border-radius:11px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-stat span{
    font-size:7px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-stat strong{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.28!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .access-course-strip{
    gap:3px!important;
    margin:8px 0 10px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .access-course-strip strong{
    font-size:10px!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .access-course-strip span{
    font-size:8px!important;
    line-height:1.42!important;
  }
  #courseDetail .course-detail-v13[data-lvl-visual-key="marketing"] .course-detail-actions{
    margin-top:9px!important;
  }
}