/* くすナビ B2B: 記事の一覧 (kusunavi-articles.js)。サムネイル・タイトル・著者 */
.ka { margin-top: 28px; padding-top: 20px; border-top: 1px solid #dcdcdc; }
.ka-h { margin: 0 0 16px; font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--color-text, #1d1d1f); }
.ka-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px 16px; padding-bottom: 24px; }
.ka-card { display: block; color: inherit; text-decoration: none; }
.ka-thumb { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #f1f2f1; }
.ka-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22,.61,.36,1); }
a.ka-card:hover .ka-thumb img { transform: scale(1.03); }
.ka-title { display: block; margin-top: 10px; font-size: 14px; line-height: 1.6; color: var(--color-text, #1d1d1f); }
.ka-author { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5; color: #5f5f5f; }
@media (max-width: 991px) { .ka-list { grid-template-columns: 1fr 1fr; } }
/* 左の欄 (PC) は高さが限られるので、小さめのカードを 3 列で並べてタイトルまで 1 画面に入れる */
@media (min-width: 992px) {
  .kc-slot .ka-list { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 16px 12px; }
  .kc-slot .ka-title { margin-top: 8px; font-size: 13px; line-height: 1.55; }
}
@media (min-width: 992px) {
  .kc-slot .ka-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}