/*
 * Affiliate Disclosure 用スタイル  —  BLOG-14
 *
 * 設置方法は reports/2026-06-13-blog14-affiliate-links.md を参照。
 * クラス名は affiliate-disclosure.php が出力するものと対応。
 *
 * 常設フッタ導線（.miraclest-affiliate）は控えめに、
 * 記事個別の明示ブロック（.miraclest-affiliate-pr）は本文より前で
 * 目に入る程度の存在感を持たせる。
 */

/* ---- 全ページ常設フッタ導線 ---- */
.miraclest-affiliate {
	max-width: 1100px;
	margin: 0 auto;
	padding: 16px 20px;
	text-align: center;
}

.miraclest-affiliate__text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.7;
	opacity: 0.75;
}

/* Amazon 運営規約の指定文言。要約せずそのまま掲示する行 */
.miraclest-affiliate__text--amazon {
	margin-bottom: 2px;
}

.miraclest-affiliate__text + .miraclest-affiliate__text {
	margin-top: 0;
}

.miraclest-affiliate__badge {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 8px;
	border-radius: 4px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	background-color: rgba(0, 0, 0, 0.08);
	vertical-align: 1px;
}

.miraclest-affiliate__link {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---- 記事個別の明示ブロック ---- */
.miraclest-affiliate-pr {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 24px;
	padding: 12px 16px;
	border-radius: 8px;
	border: 1px solid rgba(0, 163, 221, 0.25);
	background-color: rgba(0, 163, 221, 0.06);
	font-size: 0.85rem;
	line-height: 1.6;
}

.miraclest-affiliate-pr__badge {
	flex: none;
	padding: 2px 10px;
	border-radius: 4px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #fff;
	background-color: #00a3dd;
}

.miraclest-affiliate-pr__text {
	opacity: 0.85;
}