@media (max-width: 768px) {
      .cat-hero__inner { padding: 36px var(--pad-sp) 28px; flex-direction: column; align-items: flex-start; }
      .cat-hero__en { font-size: 59px; margin-bottom: -16px; }
      .cat-hero__ja { font-size: 27px; }
      .sort-bar { padding: 14px var(--pad-sp); flex-wrap: wrap; gap: 10px; }
      .article-grid-wrap { padding: 0 var(--pad-sp); }
      .article-grid { grid-template-columns: repeat(2, 1fr); }
      .pagination { padding: 28px var(--pad-sp); }
    }

    @media (max-width: 480px) {
      .cat-hero__en { font-size: 44px; }
      .cat-hero__ja { font-size: 23px; }
      .article-grid { grid-template-columns: 1fr;
        gap: 12px; }
    }