/* ==========================================================
   自動生成（06_wordpress/_tools/build_wp.py）— 手で直さない
   元：05_coding/assets/css/pages/blog.css
   変更点：各セレクタの頭に :is(.kk-wp, .editor-styles-wrapper) を足しただけ（値は同じ）。.kk-wp は SWELL の #body_wrap に付く
   SWELL の .post_content h2 などより詳細度を上げ、管理画面のエディタにも同じ見た目を出すため
   ========================================================== */
/* ==========================================================
   pages/blog.css — /blog/ ブログ一覧（Figma: Design/blog/PC 32:4147 ／ SP 32:4355）
   使う部品：.kk-c-journal-card・.kk-c-tabs・.kk-c-post-card（__thumb--photo）・.kk-c-pagination・.kk-c-cta
   WordPress では SWELL のタブ＋投稿リスト（カード型）にこの見た目を当てる
   ========================================================== */
/* ---------- テーマカード（JournalCard 19:193 theme=2/3）：カバーのグラデと上の線 ---------- */
:is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-cover--talent { border-top-color: var(--kk-color-gold); }  /* theme 2：線は gold */
:is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-cover--talent::after { background: linear-gradient(141.27deg, rgba(41,40,39,.55) 14.184%, rgba(23,22,20,.9) 85.106%); }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-cover--value::after { background: linear-gradient(141.27deg, rgba(52,34,25,.55) 14.184%, rgba(23,22,20,.9) 85.106%); }

/* ---------- 記事一覧（32:4231）：PC 3列・gap 32（行の間も 32） ---------- */
:is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-empty {
  grid-column: 1 / -1;
  padding-block: 24px;
  border-block: 1px solid var(--kk-color-border);
  font-size: var(--kk-fs-body);
  letter-spacing: var(--kk-ls-body);
  line-height: var(--kk-lh-body);
  color: var(--kk-color-text-muted);
}

@media (max-width: 1000px) {
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
}
@media (max-width: 760px) {
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-cover--talent::after { background: linear-gradient(147.67deg, rgba(41,40,39,.55) 14.184%, rgba(23,22,20,.9) 85.106%); }
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-cover--value::after { background: linear-gradient(147.67deg, rgba(52,34,25,.55) 14.184%, rgba(23,22,20,.9) 85.106%); }
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }  /* Figma SP 316 → 348 */
}