ピックアップ+その他記事の2段構成

<div class="pick06-07-10">
          <span class="lb06-07-10">PICKUP</span>
          <p class="ti06-07-10">今週最も読まれた特集記事はこちら</p>
        </div>
        <div class="oth06-07-10">
          <div class="ot06-07-10"><span class="n06-07-10">1</span><p>朝活を続けるための工夫</p></div>
          <div class="ot06-07-10"><span class="n06-07-10">2</span><p>資格取得のロードマップ</p></div>
          <div class="ot06-07-10"><span class="n06-07-10">3</span><p>おうちカフェの淹れ方講座</p></div>
        </div>

.d06-07-10{display:flex;flex-direction:column;width:100%;gap:12px;}
        .d06-07-10 .pick06-07-10{background:linear-gradient(135deg,#2c3e6b,#4a6fd8);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:6px;}
        .d06-07-10 .lb06-07-10{align-self:flex-start;font-size:9px;color:#2c3e6b;background:#ffd166;padding:2px 8px;border-radius:3px;font-weight:bold;}
        .d06-07-10 .pick06-07-10 .ti06-07-10{margin:0;font-size:12px;color:#fff;font-weight:bold;line-height:1.4;}
        .d06-07-10 .oth06-07-10{display:flex;flex-direction:column;gap:7px;}
        .d06-07-10 .ot06-07-10{display:flex;gap:8px;align-items:center;}
        .d06-07-10 .n06-07-10{font-size:10px;color:#bbb;font-weight:bold;width:14px;}
        .d06-07-10 .ot06-07-10 p{margin:0;font-size:10.5px;color:#333;}