{# Skeleton loading card — animated placeholder while content loads #}
<div class="ap-card ap-card--skeleton" aria-hidden="true">
  <header class="ap-card__author">
    <div class="ap-skeleton ap-skeleton--avatar"></div>
    <div class="ap-skeleton-lines">
      <div class="ap-skeleton ap-skeleton--name"></div>
      <div class="ap-skeleton ap-skeleton--handle"></div>
    </div>
  </header>
  <div class="ap-skeleton-body">
    <div class="ap-skeleton ap-skeleton--line"></div>
    <div class="ap-skeleton ap-skeleton--line"></div>
    <div class="ap-skeleton ap-skeleton--line ap-skeleton--short"></div>
  </div>
</div>