{{!
    @template local_coursegen/courseai_skeleton_checks

    Loading skeleton for the left checklist column — circle + name rows that
    mirror the "Course sections" checklist shape. Purely presentational: no
    context variables.

    Example context (json):
    {}
}}
<span class="cg-skeleton cg-sk-label"></span>
<div class="cg-sk-checks">
  <div class="cg-sk-check"><span class="cg-skeleton cg-sk-check__dot"></span><span class="cg-skeleton cg-sk-check__name" style="max-width:82%"></span></div>
  <div class="cg-sk-check"><span class="cg-skeleton cg-sk-check__dot"></span><span class="cg-skeleton cg-sk-check__name" style="max-width:64%"></span></div>
  <div class="cg-sk-check"><span class="cg-skeleton cg-sk-check__dot"></span><span class="cg-skeleton cg-sk-check__name" style="max-width:90%"></span></div>
  <div class="cg-sk-check"><span class="cg-skeleton cg-sk-check__dot"></span><span class="cg-skeleton cg-sk-check__name" style="max-width:70%"></span></div>
  <div class="cg-sk-check"><span class="cg-skeleton cg-sk-check__dot"></span><span class="cg-skeleton cg-sk-check__name" style="max-width:58%"></span></div>
</div>
