人気記事ランキングサイドバー

<aside class="d03-10-09-side">
          <h4 class="d03-10-09-heading">人気記事ランキング</h4>
          <div class="d03-10-09-item">
            <span class="d03-10-09-rank is-r1">1</span>
            <span class="d03-10-09-thumb" style="background:linear-gradient(135deg,#93c5fd,#2563eb)"></span>
            <span class="d03-10-09-info"><span class="d03-10-09-t">静的サイトの作り方入門</span><span class="d03-10-09-m">1,204 views</span></span>
          </div>
          <div class="d03-10-09-item">
            <span class="d03-10-09-rank is-r2">2</span>
            <span class="d03-10-09-thumb" style="background:linear-gradient(135deg,#fca5a5,#dc2626)"></span>
            <span class="d03-10-09-info"><span class="d03-10-09-t">配色設計の基本ルール</span><span class="d03-10-09-m">986 views</span></span>
          </div>
          <div class="d03-10-09-item">
            <span class="d03-10-09-rank is-r3">3</span>
            <span class="d03-10-09-thumb" style="background:linear-gradient(135deg,#fcd34d,#d97706)"></span>
            <span class="d03-10-09-info"><span class="d03-10-09-t">WordPress高速化の手順</span><span class="d03-10-09-m">742 views</span></span>
          </div>
        </aside>

.d03-10-09-side{width:100%}
        .d03-10-09-heading{
          font-size:12.5px;font-weight:800;color:#0f172a;margin:0 0 14px;
          padding-bottom:8px;border-bottom:2px solid #f1f5f9;
        }
        .d03-10-09-item{display:flex;align-items:center;gap:10px;padding:9px 0}
        .d03-10-09-rank{
          flex:none;width:20px;height:20px;border-radius:5px;background:#e2e8f0;color:#64748b;
          font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;
        }
        .d03-10-09-rank.is-r1{background:#fde68a;color:#92400e}
        .d03-10-09-rank.is-r2{background:#e2e8f0;color:#475569}
        .d03-10-09-rank.is-r3{background:#fed7aa;color:#9a3412}
        .d03-10-09-thumb{flex:none;width:38px;height:38px;border-radius:7px}
        .d03-10-09-info{display:flex;flex-direction:column;gap:3px;min-width:0}
        .d03-10-09-t{font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .d03-10-09-m{font-size:10.5px;color:#94a3b8}