/* /style/legal-content.css */ 

/* ============================================================
   Legal / policy content pages — Warm Modern (UI v2, Phase 6)
   Token-based typography for TermsConditions.php and
   privacyPolicy.php (loaded per page via createCssORJs).
   Tokens: headerStyle.php :root — no hex literals here.
   ============================================================ */

.tch-legal-wrap {
	max-width: var(--tch-container-narrow);
	margin: 0 auto;
	padding: 0 0 var(--tch-space-8);
}

/* Content card */
.tch-legal {
	background: var(--tch-surface);
	border: 1px solid var(--tch-line);
	border-radius: var(--tch-radius-lg);
	box-shadow: var(--tch-shadow-sm);
	padding: var(--tch-space-6) var(--tch-space-7) var(--tch-space-7);
	font-family: var(--tch-font-body);
	font-size: var(--tch-text-base);
	color: var(--tch-text);
	line-height: 1.75;
	overflow-wrap: break-word;
}

/* Headings — Fraunces display */
.tch-legal h1 {
	font-family: var(--tch-font-display);
	font-weight: 500;
	font-size: var(--tch-text-xl);
	line-height: 1.2;
	color: var(--tch-ink);
	margin: 0 0 var(--tch-space-5);
	padding-bottom: var(--tch-space-4);
	border-bottom: 1px solid var(--tch-line);
}
.tch-legal h2 {
	font-family: var(--tch-font-display);
	font-weight: 500;
	font-size: var(--tch-text-lg);
	line-height: 1.3;
	color: var(--tch-ink);
	margin: var(--tch-space-6) 0 var(--tch-space-3);
}
.tch-legal h3 {
	font-family: var(--tch-font-display);
	font-weight: 500;
	font-size: var(--tch-text-md);
	line-height: 1.3;
	color: var(--tch-ink);
	margin: var(--tch-space-6) 0 var(--tch-space-3);
}
.tch-legal h4 {
	font-family: var(--tch-font-body);
	font-weight: 600;
	font-size: var(--tch-text-base);
	color: var(--tch-ink);
	margin: var(--tch-space-4) 0 var(--tch-space-2);
}
.tch-legal h2 i,
.tch-legal h3 i {
	color: var(--tch-brand);
	font-size: 0.75em;
	margin-right: var(--tch-space-2);
	vertical-align: 2px;
}

/* Body copy */
.tch-legal p {
	margin: 0 0 var(--tch-space-3);
}
.tch-legal a {
	color: var(--tch-brand);
	text-decoration: none;
}
.tch-legal a:hover {
	color: var(--tch-brand-dark);
	text-decoration: underline;
}
/* Several legacy anchors have no surrounding whitespace in the source
   text — a hair of breathing room keeps them readable. */
.tch-legal li a {
	margin: 0 3px;
}
.tch-legal strong,
.tch-legal b {
	color: var(--tch-ink);
}

/* Lists */
.tch-legal ul {
	margin: 0 0 var(--tch-space-4);
	padding: 0;
}
.tch-legal ul li {
	list-style: none;
	position: relative;
	padding: var(--tch-space-2) 0 var(--tch-space-2) var(--tch-space-5);
}
.tch-legal ul li::before {
	content: "\203A"; /* › */
	color: var(--tch-brand);
	font-weight: 600;
	position: absolute;
	left: var(--tch-space-2);
	top: var(--tch-space-2);
	line-height: inherit;
}
.tch-legal li p {
	margin: 0 0 var(--tch-space-2);
}
.tch-legal ol {
	margin: 0 0 var(--tch-space-4);
	padding-left: var(--tch-space-6);
}
.tch-legal ol li {
	padding: var(--tch-space-1) 0;
}

/* Responsive */
@media (max-width: 767px) {
	.tch-legal {
		padding: var(--tch-space-5) var(--tch-space-4) var(--tch-space-6);
	}
	.tch-legal h1 {
		font-size: var(--tch-text-lg);
	}
	.tch-legal h2 {
		font-size: var(--tch-text-md);
	}
}