{% comment %}
Reusable SEO / GEO Score sticky panel — include in RIGHT column after Save button.
CSS lives in base.html. JS is in cms/partials/seo_score_js.html.
{% endcomment %}

<div class="cms-card" style="padding:0;overflow:hidden;margin-bottom:1rem;">
  <div class="section-head">SEO / GEO Score</div>
  <div style="padding:.65rem 1rem">
    <div class="seo-score-ring">
      <div class="seo-score-circle" id="seoScoreCircle" style="background:#d9534f;">0</div>
      <div>
        <div style="font-weight:700;font-size:14px;" id="seoScoreLabel">Not started</div>
        <div style="font-size:11px;color:#888;" id="seoScoreSub">Fill in the fields</div>
      </div>
    </div>
    <div id="seoRegionBadge"
         style="font-size:.72rem;font-weight:600;border-radius:4px;padding:.2rem .5rem;
                display:inline-block;background:rgba(3,49,82,.07);color:#16517b;margin-bottom:10px">
    </div>
    <div id="seoChecklist"></div>
  </div>
</div>