{{!
    @template local_coursegen/courseai_skeleton_cards

    Loading skeleton for the center column — a section header plus activity
    cards (type chip + title + description lines) that mirror the detailed-plan
    shape the streamed content will take. Purely presentational: no context
    variables.

    Example context (json):
    {}
}}
<div class="cg-sk-section-head">
  <span class="cg-skeleton cg-sk-section-head__num"></span>
  <span class="cg-skeleton cg-sk-line" style="width:44%;height:13px"></span>
</div>
<div class="cg-sk-card">
  <span class="cg-skeleton cg-sk-card__chip"></span>
  <div class="cg-sk-card__body">
    <span class="cg-skeleton cg-sk-line" style="width:52%;height:12px"></span>
    <span class="cg-skeleton cg-sk-line" style="width:94%"></span>
    <span class="cg-skeleton cg-sk-line" style="width:78%"></span>
  </div>
</div>
<div class="cg-sk-card">
  <span class="cg-skeleton cg-sk-card__chip"></span>
  <div class="cg-sk-card__body">
    <span class="cg-skeleton cg-sk-line" style="width:46%;height:12px"></span>
    <span class="cg-skeleton cg-sk-line" style="width:88%"></span>
    <span class="cg-skeleton cg-sk-line" style="width:66%"></span>
  </div>
</div>
<div class="cg-sk-card">
  <span class="cg-skeleton cg-sk-card__chip"></span>
  <div class="cg-sk-card__body">
    <span class="cg-skeleton cg-sk-line" style="width:58%;height:12px"></span>
    <span class="cg-skeleton cg-sk-line" style="width:82%"></span>
    <span class="cg-skeleton cg-sk-line" style="width:71%"></span>
  </div>
</div>
