.front-intro {}
.front-intro h2 {
	font-size: var(--lr-font-base);
    font-weight: var(--lr-weight-normal);
    color: var(--lr-red);
}
.front-intro strong {
    display: block;
	font-weight: var(--lr-weight-black);
	font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2rem);   /* 24 → 32px */
    margin-bottom: var(--lr-space-xl);
}
.front-intro {}

/* =========================================================
   キーカラー L 装飾
   JS（keycolor.js）が半角大文字 L を <span class="lr-key">L</span> で包む。
   その L だけをブランド赤（--lr-accent）に着色する。
   ※ この1クラスを既存の core CSS（例: 10-base.css 末尾）に足してもよい。
   ========================================================= */
.lr-key {
	color: var(--lr-accent);
}

/* シンプル見出し：セクションの追加クラス欄に lr-heading-plain を入れると、
   その本文 h2 から縦罫を外して素の見出しにする（タイポは維持） */
.lr-heading-plain .lr-richtext h2 {
	padding-left: 0;
	border-left: 0;
    margin-bottom: var(--lr-space-md);
    font-size: var(--lr-font-lg);
}

main > .lr-section:nth-of-type(odd)  { background-color: var(--lr-bg-subtle); }
main > .lr-section:nth-of-type(even) { background-color: var(--lr-bg); }