/*/assets/css/ai-articles-section.css*/

/* ===== AI記事カード（AIレビュー内） ===== */

.ai-articles-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:20px;
  margin-top:12px;
}

.ai-article-card{
  background:#fff;
  border:1px solid #e9e9ef;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.03);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.ai-article-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  border-color:#e1e1ea;
}

/* サムネは比率固定で統一感 */
.ai-article-card .thumb{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#f6f7fb;
}
.ai-article-card .ai-article-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ai-article-card .meta{
  padding:12px 14px 14px;
}

/* タイトルは2行で省略 */
.ai-article-card .title{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ai-article-card .title a{ color:inherit; text-decoration:none; }
.ai-article-card .title a:hover{ text-decoration:underline; }

/* 日付は非表示（PHP側も消してOK） */
.ai-article-card .date{ display:none!important; }

/* 抜粋は3行で省略 */
.ai-article-card .excerpt{
  margin:6px 0 0;
  font-size:14px;
  line-height:1.7;
  color:#444;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 下部リンクエリア（もっと見る） */
.ai-articles-more{
  margin-top:14px;
  text-align:right;
}
.ai-articles-more a{
  font-size:14px;
  text-decoration:none;
}

/* レスポンシブ微調整 */
@media (max-width:520px){
  .ai-articles-list{ gap:14px; }
}