<turbo-stream action="replace" target="article_frame"><template><turbo-frame id="article_frame">
  <div class="bg-white p-6 rounded-lg shadow-lg border-l-4 border-red-400 animate-fade-in">

    <a href="https://mainichi.jp/articles/20260603/k00/00m/050/004000c" target="_blank" class="block hover:text-red-600 transition duration-150"
       data-controller="link-opener" data-action="click->link-opener#open" >
      <h2 class="text-2xl font-bold mb-2 text-gray-900 leading-snug">都市対抗、近畿2次予選は2日連続で中止　台風6号の接近で</h2>
    </a>

    <div class="text-sm text-gray-500 mb-4">
      <span class="font-medium text-gray-600">毎日新聞（スポーツ）</span>
      - 2026/06/03 03:00
      <span class="ml-2 px-2 py-0.5 bg-gray-100 text-xs rounded">Sports</span>
    </div>

    <a data-turbo-frame="article_frame" data-turbo-action="replace" data-controller="loading" data-action="click-&gt;loading#showLoading turbo:submit-end-&gt;loading#hideLoading" data-turbo-prefetch="false" class="mt-4 w-full block text-center py-3 px-4 bg-red-500 text-white font-semibold rounded-lg shadow-md hover:bg-red-600 transition duration-300" href="/articles/next">
      次の偶然に出会う 🐾
</a>
  </div>
</turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="read-counter-info"><template>    <p>現在の閲覧数: <span id="read-count">1</span> / 10</p>
    <p class="mt-1">あなたの興味の外へ、強制的に連れ出します。</p>
</template></turbo-stream>