/* ==========================================================================
   ベーススタイル（共通リセット・共通レイアウト）
   ========================================================================== */

/* --- コンテンツ幅の中央寄せ wrapper --- */
.l-inner {
	max-width: var(--inner-width);
	margin-inline: auto;
	padding-inline: var(--inner-padding);
}

/* --- セクション共通の縦余白 --- */
.l-section {
	padding-block: var(--space-xl);
}

.l-section--sm {
	padding-block: var(--space-lg);
}

/* --- 薄いグリーン背景 --- */
.l-section--light {
	background-color: var(--color-bg-light);
}

/* --- 薄いイエロー背景（悩みセクション用）--- */
.l-section--yellow {
	background-color: var(--color-accent-light);
}