/*
 * Leadstrium Course Studio 1.3.0 — MasterStudy RichText Adapter
 *
 * Contract:
 * - MasterStudy owns the course player, lesson lane, Curriculum, Discussions,
 *   navigation, completion, dark/light mode and all responsive geometry.
 * - Course Studio styles only the saved rich-text document below.
 * - No MasterStudy selectors, no parent mutations, no fixed/absolute player UI,
 *   no viewport breakout and no JavaScript are required.
 */

.lcsrt{
  --lcsrt-text:inherit;
  --lcsrt-muted:color-mix(in srgb,currentColor 72%,transparent);
  --lcsrt-line:color-mix(in srgb,currentColor 14%,transparent);
  --lcsrt-soft:color-mix(in srgb,currentColor 5%,transparent);
  --lcsrt-purple:#8b5cf6;
  --lcsrt-gold:#d8a72e;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  color:inherit;
  font:inherit;
  line-height:1.68;
}
.lcsrt *{box-sizing:border-box;max-width:100%}
.lcsrt p,.lcsrt ul,.lcsrt ol,.lcsrt blockquote{max-width:72ch}
.lcsrt p{margin:0 0 1.05em}
.lcsrt ul,.lcsrt ol{margin:0 0 1.15em;padding-left:1.45em}
.lcsrt li{margin:.35em 0}
.lcsrt strong{font-weight:700}
.lcsrt a{text-decoration:underline;text-underline-offset:.18em}
.lcsrt h2,.lcsrt h3,.lcsrt h4{
  color:inherit;
  line-height:1.22;
  margin:1.55em 0 .65em;
  text-wrap:balance;
}
.lcsrt h2{font-size:1.55rem}
.lcsrt h3{font-size:1.28rem}
.lcsrt h4{font-size:1.05rem}

.lcsrt-deck{
  margin:.2rem 0 1.4rem!important;
  padding:.9rem 1rem;
  border-left:3px solid var(--lcsrt-purple);
  border-radius:.45rem;
  background:color-mix(in srgb,var(--lcsrt-purple) 8%,transparent);
}

.lcsrt-hero,
.lcsrt figure,
.lcsrt .lcsx-inline-visual,
.lcsrt .lcsx-inline-media,
.lcsrt .em-oshe-inline-learning-aid{
  width:100%;
  max-width:100%;
  margin:1.15rem 0 1.5rem;
  overflow:hidden;
  border:1px solid var(--lcsrt-line);
  border-radius:.75rem;
  background:var(--lcsrt-soft);
}
.lcsrt-hero{margin-top:0}
.lcsrt figure img,
.lcsrt .lcsx-inline-visual img,
.lcsrt .lcsx-inline-media img,
.lcsrt .em-oshe-inline-learning-aid img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  margin:0 auto;
}
.lcsrt figcaption,
.lcsrt .lcsrt-hero figcaption{
  padding:.7rem .85rem;
  border-top:1px solid var(--lcsrt-line);
  font-size:.84em;
  opacity:.82;
}

/* Existing author-authored learning callouts remain normal rich text; these
   selectors only decorate them and do not create a second application shell. */
.lcsrt [class*="personal-note"],
.lcsrt [class*="scenario"],
.lcsrt [class*="practice"],
.lcsrt [class*="key-takeaway"]{
  max-width:72ch;
  margin:1rem 0;
  padding:1rem 1.05rem;
  border-left:3px solid var(--lcsrt-purple);
  border-radius:.55rem;
  background:color-mix(in srgb,var(--lcsrt-purple) 8%,transparent);
}

.lcsrt-support{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));
  gap:.85rem;
  margin:1.7rem 0 .5rem;
}
.lcsrt-support-card{
  padding:1rem;
  border:1px solid var(--lcsrt-line);
  border-radius:.7rem;
  background:var(--lcsrt-soft);
}
.lcsrt-support-card h3{margin:0 0 .55rem;font-size:1rem}
.lcsrt-support-card ul{margin:0;padding-left:1.2rem;max-width:none}

}

@media (max-width:480px){
  .lcsrt{line-height:1.62}
  .lcsrt p,.lcsrt ul,.lcsrt ol,.lcsrt blockquote{max-width:none}
  .lcsrt-hero,.lcsrt figure{border-radius:.55rem}
}
