/* =========================================================
   セクションビルダー機能（フレキシブルコンテンツ contents）
   配置: assets/css/core/11-content.css
   data-pt/pb（縦余白の段階指定）と、セクションのヘッダー/フッターを担当。
   ※ セクションの器・グリッド・背景タイプ・見出し(lr-heading)は base.css 側。
   ※ ここでの pt/pb は「編集者が明示指定したときの上書き」。
      未指定なら base.css の既定 padding-block が効く。
   ========================================================= */

/* ------------------------------------------------------------
   縦余白（データ属性で段階指定）
   8px スケールへ再マッピング：sm=24 / md=64 / lg=96
   ------------------------------------------------------------ */
.lr-section[data-pt="none"] { padding-top: 0; }
.lr-section[data-pt="sm"]   { padding-top: var(--lr-space-md); }   /* 24 */
.lr-section[data-pt="md"]   { padding-top: var(--lr-space-xl); }   /* 64 */
.lr-section[data-pt="lg"]   { padding-top: var(--lr-space-2xl); }  /* 96 */

.lr-section[data-pb="none"] { padding-bottom: 0; }
.lr-section[data-pb="sm"]   { padding-bottom: var(--lr-space-md); }
.lr-section[data-pb="md"]   { padding-bottom: var(--lr-space-xl); }
.lr-section[data-pb="lg"]   { padding-bottom: var(--lr-space-2xl); }

/* ------------------------------------------------------------
   セクションのフッター
   ※ ヘッダー（見出し＋リード）は base.css の lr-heading に統一。
      section-content.php は header.lr-heading > __title ＋ __sub を出力する。
      フッターの wysiwyg は見出し禁止（noheading ツールバー）。
   ------------------------------------------------------------ */
.lr-section__footer {
	margin-top: var(--lr-space-lg);
	font-size: 0.9375rem;
	line-height: var(--lr-leading-body);
	color: var(--lr-text);
}

/* コンテンツセクションのグリッドだけ gap を広げる（読み物ゆとり用）
   ※ lr-grid 標準（--lr-gap）は据え置き。カード一覧等には影響しない。 */
.lr-content__grid {
	gap: var(--lr-space-2xl);   /* 40px */
}

/* =========================================================
   コンテンツセクションのカラム カード化
   配置: assets/css/core/11-content.css（末尾に追記）
   ※ data-column-style="card" のときだけ、各カラムを背景付きカードに。
     plain（既定）は従来どおり素のカラム。
   ========================================================= */

/* カード時：各カラムに背景・内側余白・角丸を付与 */
.lr-content__grid[data-column-style="card"] .lr-grid__item {
	background: var(--lr-surface, #ffffff);
	padding: var(--lr-space-md, 24px);
	border-radius: var(--lr-radius);
	border: 1px solid var(--lr-border);
}

/* カード内リッチテキストの端を余白に馴染ませる（既存の :first/:last マージン制御は
   lr-richtext 側にあるためそのまま活きる。ここでは追加調整のみ） */
.lr-content__grid[data-column-style="card"] .lr-grid__item .lr-richtext {
	height: 100%;
}

/* カード時は面で区切られるため gap を詰める（plain の 40px は開きすぎ） */
.lr-content__grid[data-column-style="card"] {
	gap: var(--lr-space-md, 24px);
}

/* =========================================================
   セクション交互ストライプ（目線安定用の薄い地色）
   配置: assets/css/core/11-content.css（末尾に追記）
   ※ data-stripe を付けた束ねラッパー直下の lr-section を
     奇数=白 / 偶数=薄オフホワイト で交互に。
     個別上書きは inline の --bg-color が優先される。
   ========================================================= */
.lr-sections[data-stripe] > .lr-section:nth-child(odd) {
	background-color: var(--bg-color, var(--lr-bg));
}
.lr-sections[data-stripe] > .lr-section:nth-child(even) {
	background-color: var(--bg-color, var(--lr-bg-subtle));
}