/* ==============================
   AIニュースページ専用スタイル
   news.css をベースに、AI用のカテゴリ色を追加
   ============================== */

/* カテゴリ別の色（AI用） */
.news-card-category.general {
    background: rgba(142, 68, 173, 0.15);
    border-color: rgba(142, 68, 173, 0.3);
    color: #8e44ad;
}

.news-card-category.llm {
    background: rgba(52, 152, 219, 0.15);
    border-color: rgba(52, 152, 219, 0.3);
    color: var(--blueprint-blue);
}

.news-card-category.tools {
    background: rgba(230, 126, 34, 0.15);
    border-color: rgba(230, 126, 34, 0.3);
    color: #e67e22;
}

.news-card-category.research {
    background: rgba(26, 188, 156, 0.15);
    border-color: rgba(26, 188, 156, 0.3);
    color: #1abc9c;
}

/* バッジコンテナ（カテゴリ + 海外サイト） */
.news-card-badges {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* 海外サイトバッジ */
.news-card-foreign-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.55);
    white-space: nowrap;
}

/* サムネイルなし時のアイコン（AI用） */
.news-card-thumbnail.no-image::before {
    content: '🤖';
}