/**
 * Keystone Theme — Legal page component
 *
 * Long-form prose layout for privacy policy, terms and similar
 * documents. Narrow measure, clear heading rhythm, readable lists.
 *
 * BEM: .keystone-legal
 *        __header  __title  __meta  __body
 *        __callout
 */

.keystone-legal {
	width: 100vw !important;
	max-width: none !important;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding-block: clamp(3rem, 6vw, 5rem);
	margin-block: 0;
}

.keystone-legal__inner {
	max-width: 820px;
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--50, clamp(20px, 4vw, 50px));
}

/* ── Header ─────────────────────────────────────────────────────────────────── */
.keystone-legal__header {
	padding-bottom: clamp(1.5rem, 3vw, 2rem);
	margin-bottom: clamp(2rem, 4vw, 2.75rem);
	border-bottom: 1px solid #e4e8ee;
}

.keystone-legal__title {
	font-size: clamp(1.875rem, 4vw, 2.75rem);
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: #0a1828;
	margin: 0 0 0.75rem;
}

.keystone-legal__meta {
	font-size: 0.875rem;
	color: #5a6b79;
	margin: 0;
	line-height: 1.6;
}

/* ── Body ───────────────────────────────────────────────────────────────────── */
.keystone-legal__body h2 {
	font-size: clamp(1.125rem, 2vw, 1.375rem);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.3;
	color: #0a1828;
	margin: clamp(2rem, 4vw, 2.75rem) 0 0.75rem;
}

.keystone-legal__body h3 {
	font-size: 1rem;
	font-weight: 700;
	color: #121e29;
	margin: 1.5rem 0 0.5rem;
}

.keystone-legal__body p,
.keystone-legal__body li {
	font-size: clamp(0.9rem, 1.2vw, 1rem);
	line-height: 1.75;
	color: #46586a;
}

.keystone-legal__body p {
	margin: 0 0 1rem;
}

.keystone-legal__body ul {
	margin: 0 0 1rem;
	padding-left: 1.25rem;
}

.keystone-legal__body li {
	margin-bottom: 0.5rem;
}

.keystone-legal__body strong {
	color: #0a1828;
	font-weight: 700;
}

.keystone-legal__body a {
	color: #ff3b09;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.keystone-legal__body a:hover {
	opacity: 0.75;
}

/* ── Callout — used for the SMS / mobile data carve-out ─────────────────────── */
.keystone-legal__callout {
	background: #f5f6fa;
	border-left: 3px solid #ff3b09;
	border-radius: 0 8px 8px 0;
	padding: 1.25rem 1.5rem;
	margin: 1.5rem 0;
}

.keystone-legal__callout p {
	margin: 0;
	color: #121e29;
	font-weight: 600;
}

.keystone-legal__callout p + p {
	margin-top: 0.625rem;
}