/* =========================================================
   スキン：サンライズ（アフィリエイト向け）
   白を基調にした清潔で信頼感のある配色。読ませる部分は落ち着いた紺、
   行動してほしいところ（ボタン・ラベル）だけをオレンジで目立たせる。
   ========================================================= */

:root {
	--c-text: #222831;
	--c-heading: #14213d;
	--c-sub: #5b6573;
	--c-bg: #ffffff;
	--c-bg-soft: #f6f8fb;
	--c-line: #e2e7ef;
	--c-accent: #c2410c;          /* オレンジ（白文字が読める濃さ） */
	--c-on-accent: #ffffff;
	--c-link: #1d4ed8;
	--c-h2-bg: #14213d;           /* 見出しは紺の帯 */
	--c-h2-text: #ffffff;
	--c-h2-border: #c2410c;
	--c-thumb-frame: #e2e7ef;
	--c-thumb-bg: #eef2f7;
	--c-overlay: rgba(255, 255, 255, .92);
	--pickup-shadow: 0 8px 24px rgba(20, 33, 61, .08);
	--brand-spacing: .04em;
}

/* 見出し：H2 は紺の帯＋下にオレンジの線、H3 は左にオレンジの線 */
.entry-content h2 { border: 0; border-bottom: 4px solid var(--c-h2-border); border-radius: 4px 4px 0 0; }
.entry-content h3 { border: 0; border-left: 5px solid var(--c-accent); padding: .2em 0 .2em .7em; }

/* カードは影で浮かせる（クリックできる場所を分かりやすく） */
.card__link { background: #fff; box-shadow: 0 2px 8px rgba(20, 33, 61, .06); }
.card__link:hover { box-shadow: 0 6px 18px rgba(20, 33, 61, .12); }
.side-box { background: #fff; }

/* 本文のリンクは下線で、リンクだと分かりやすく */
.entry-content a { text-decoration: underline; text-underline-offset: .2em; }
.entry-content a.yb-product__btn, .entry-content a.yb-cta__btn, .entry-content .blogcard a, .entry-content .next-story a { text-decoration: none; }

/* マーカー（強調）は黄色が読み手に伝わりやすい */
.entry-content strong { background: linear-gradient(transparent 62%, rgba(255, 214, 0, .45) 62%); }