/* ==========================================================================
   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);
}

/* ==========================================================================
   1.0.15 追加: Emanon Blocks リンクカード（.eb-linkcard）の内部要素
   実マークアップは .linkcard-label / .linkcard-link / .linkcard-inner /
   .linkcard-title / .linkcard-sub-title の入れ子構造。
   プラグイン側CSSがライトモード前提で、ダーク時にラベルが欠ける・
   インナー枠が鮮やかな青になる・サブタイトルが読めなくなるため、
   テーマ変数で両モードに合う指定をここで上書きする。
   ========================================================================== */

/* カード本体: ラベルチップの絶対配置の基準にし、上にはみ出すラベルが
   欠けないよう overflow は visible に戻す（既存規則の hidden を打ち消す）。
   上マージンはラベルのはみ出し分の逃げ。 */
.bmb-article__body .eb-linkcard,
.bmb-page-body .eb-linkcard {
	position: relative;
	margin-top: 14px;
	overflow: visible;
}

/* ラベルチップ（「購入はこちらから」等）: カード上端に半分重ねて表示 */
.bmb-article__body .eb-linkcard .linkcard-label,
.bmb-page-body .eb-linkcard .linkcard-label {
	position: absolute;
	top: -11px;
	left: 14px;
	z-index: 2;
	background: var(--gold);
	color: #14100a;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.5;
	height: auto;
	padding: 2px 10px;
	border-radius: 999px;
	white-space: nowrap;
}

/* インナー枠: インライン指定の太枠を、テーマの罫色で上書きする */
.bmb-article__body .eb-linkcard .linkcard-inner,
.bmb-page-body .eb-linkcard .linkcard-inner {
	border: 1px solid var(--line) !important;
	background: var(--surface);
	border-radius: 12px;
	padding: 16px 18px;
}

/* カード全体を包むリンク（href なしで出力される場合もある） */
.bmb-article__body .eb-linkcard .linkcard-link,
.bmb-page-body .eb-linkcard .linkcard-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

/* タイトル（内部の実リンク） */
.bmb-article__body .eb-linkcard .linkcard-title a,
.bmb-page-body .eb-linkcard .linkcard-title a {
	color: var(--ink) !important;
	font-weight: 700;
	text-decoration: none;
}

/* サブタイトル（説明文） */
.bmb-article__body .eb-linkcard .linkcard-sub-title,
.bmb-page-body .eb-linkcard .linkcard-sub-title {
	color: var(--ink-soft) !important;
	font-size: 0.85rem;
	margin-top: 4px;
}