/* =========================================================================
 * Make it — 法務4ページ（運営者情報／特商法／プライバシー／利用規約）固有スタイル（フェーズ3）
 *
 * 見た目の正：運営者情報 PC 136:2/SP 140:2、特商法 PC 136:126/SP 140:126、
 * プライバシー PC 138:2/SP 140:256、利用規約 PC 138:117/SP 140:371。
 * KV型（運営者情報・特商法）は template-parts/legal/kv-list.php、
 * 条文型（プライバシー・利用規約）は template-parts/legal/article-list.php で共有。
 * 見出し・リード等の汎用パーツは front.css を共有再利用。
 * ====================================================================== */

.mk-section--legal-intro { background: var(--bg-alt); }
.mk-section--legal-body  { background: var(--bg-base); }

/* -------------------------------------------------------------------------
 * KV型（運営者情報・特商法）
 * ---------------------------------------------------------------------- */
.mk-legal-kv-list {
	width: 100%;
}

.mk-legal-kv {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--c-border);
}

.mk-legal-kv__label {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 0.6875rem;
	letter-spacing: 0.03em;
	color: var(--c-text-caption);
}

.mk-legal-kv__value {
	font-family: var(--font-body);
	font-size: 0.875rem;
	line-height: 1.75;
	color: var(--c-text);
}

@media (min-width: 1024px) {
	.mk-legal-kv {
		gap: 0.375rem;
		padding: 1rem 0;
	}

	.mk-legal-kv__label {
		font-size: 0.75rem;
	}

	.mk-legal-kv__value {
		font-size: 1rem;
		line-height: 1.8;
	}
}

/* -------------------------------------------------------------------------
 * 条文型（プライバシー・利用規約）
 * ---------------------------------------------------------------------- */
.mk-legal-article-list {
	width: 100%;
}

.mk-legal-intro {
	font-family: var(--font-body);
	font-size: 0.875rem;
	line-height: 1.9;
	color: var(--c-text-sub);
	margin-bottom: 1.625rem;
}

.mk-legal-article {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.mk-legal-article + .mk-legal-article {
	margin-top: 1.625rem;
}

.mk-legal-article__title {
	font-family: var(--font-display);
	font-weight: 500;
	line-height: var(--lh-heading);
	color: var(--c-text);
	font-size: 1rem;
}

.mk-legal-article__body {
	font-family: var(--font-body);
	font-size: 0.8125rem;
	line-height: 1.9;
	color: var(--c-text-sub);
}

.mk-legal-article__body p + p,
.mk-legal-article__body ol,
.mk-legal-article__body ul {
	margin-top: 0.5rem;
}

.mk-legal-article__body ol,
.mk-legal-article__body ul {
	padding-left: 1.25rem;
}

.mk-legal-article__body li + li {
	margin-top: 0.25rem;
}

@media (min-width: 1024px) {
	.mk-legal-intro {
		font-size: 1rem;
	}

	.mk-legal-article__title {
		font-size: 1.125rem;
	}

	.mk-legal-article__body {
		font-size: 0.9375rem;
	}
}