/* Tradelytic — legal document pages (privacy / terms). Narrow, readable column. */

/* Light surface + dark fixed header over it (matches the FAQ template). */
body.legal-template {
	background: #f6fafe;
}
body.legal-template .tl-2026,
body.legal-template.tl-2026 {
	--tl-header-bg: #070d1a;
	--tl-header-bg-scrolled: #070d1a;
}

.legal {
	--legal-content: 780px;
	--legal-ink: #0a1424;
	--legal-strong: #060d20;
	--legal-muted: #767e8e;
	--legal-accent: #3678d4;
	--legal-border: #e2e9f4;

	padding-block: calc(var(--tl-header-h) + 48px) 100px;
	background: #f6fafe;
	color: var(--legal-ink);
	font-family: var(--tl-font);
	font-size: var(--tl-fs-body);
	line-height: 1.75;
}
.legal *,
.legal *::before,
.legal *::after {
	box-sizing: border-box;
}
.legal__inner {
	max-width: var(--legal-content);
	margin-inline: auto;
	padding-inline: 15px;
}

/* --- Head --- */
.legal__head {
	padding-bottom: 28px;
	margin-bottom: 40px;
	border-bottom: 1px solid var(--legal-border);
}
.legal__title {
	margin: 0;
	color: var(--legal-strong);
	font-size: 40px;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.02em;
}
.legal__meta {
	margin: 12px 0 0;
	color: var(--legal-muted);
	font-size: var(--tl-fs-sm);
}
.legal__download {
	margin-top: 24px;
}

/* --- Contact block --- */
.legal__contact {
	margin: 0 0 40px;
	padding: 18px 22px;
	border: 1px solid var(--legal-border);
	border-radius: var(--tl-radius-md);
	background: #fff;
	font-style: normal;
	font-size: var(--tl-fs-sm);
	line-height: 1.8;
	color: var(--legal-muted);
}
.legal__contact strong {
	color: var(--legal-strong);
	font-weight: 700;
}
.legal__contact a {
	color: var(--legal-accent);
	text-decoration: none;
}
.legal__contact a:hover,
.legal__contact a:focus-visible {
	text-decoration: underline;
}

/* --- Body typography --- */
.legal__body > h2 {
	margin: 48px 0 16px;
	color: var(--legal-strong);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}
.legal__body > h2:first-child {
	margin-top: 0;
}
.legal__body h3 {
	margin: 34px 0 12px;
	color: var(--legal-strong);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.3;
}
.legal__body h4 {
	margin: 24px 0 8px;
	color: var(--legal-ink);
	font-size: 17px;
	font-weight: 600;
}
.legal__body p {
	margin: 0 0 16px;
}
.legal__body a {
	color: var(--legal-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.legal__body a:hover,
.legal__body a:focus-visible {
	color: var(--legal-ink);
}
.legal__body ul {
	margin: 0 0 16px;
	padding-left: 22px;
	list-style: disc;
}
.legal__body li {
	margin-bottom: 10px;
}
.legal__body li::marker {
	color: var(--legal-accent);
}
.legal__body strong {
	color: var(--legal-strong);
	font-weight: 600;
}

/* --- Mobile --- */
@media (max-width: 640px) {
	.legal {
		padding-top: calc(var(--tl-header-h) + 28px);
	}
	.legal__title {
		font-size: 30px;
	}
	.legal__body > h2 {
		font-size: 24px;
		margin-top: 40px;
	}
	.legal__body h3 {
		font-size: 19px;
	}
}