/* ==========================================================================
   Emanon Blocks 互換CSS
   既存記事の本文に Emanon Blocks のリンクカード
   （.blog-card / .eb-linkcard クラス）が埋め込まれている。
   Emanon Blocks はプラグインとして有効のままにする前提だが、
   テーマ変更で素の表示になっても「崩れて見えない」よう、
   新テーマのトークンに合わせた最小限の見た目をここで担保する。
   プラグイン側のCSSが読み込まれる場合はそちらと競合しない範囲の指定に留める。
   ========================================================================== */

.bmb-article__body .blog-card,
.bmb-article__body .eb-linkcard,
.bmb-page-body .blog-card,
.bmb-page-body .eb-linkcard {
	display: block;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 16px 18px;
	margin: 1.6em 0;
	text-decoration: none;
	color: var(--ink);
	overflow: hidden;
}

.bmb-article__body .blog-card:hover,
.bmb-article__body .eb-linkcard:hover,
.bmb-page-body .blog-card:hover,
.bmb-page-body .eb-linkcard:hover {
	background: var(--surface-2);
}

/* カード内サムネイル（プラグインが出力する figure / img の受け皿） */
.bmb-article__body .blog-card img,
.bmb-article__body .eb-linkcard img,
.bmb-page-body .blog-card img,
.bmb-page-body .eb-linkcard img {
	border-radius: calc(var(--radius) - 4px);
	max-width: 100%;
	height: auto;
}

/* カード内のタイトル相当要素が素の見出しになっても体裁を保つ */
.bmb-article__body .blog-card .blog-card__title,
.bmb-article__body .eb-linkcard__title,
.bmb-page-body .blog-card .blog-card__title,
.bmb-page-body .eb-linkcard__title {
	font-family: var(--font-serif);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.6;
}

/* リンクカード内の抜粋・URL相当 */
.bmb-article__body .blog-card p,
.bmb-article__body .eb-linkcard p,
.bmb-page-body .blog-card p,
.bmb-page-body .eb-linkcard p {
	margin: 0.3em 0;
	font-size: 0.875rem;
	color: var(--ink-soft);
}