/* Shared styles for legal pages (Privacy Policy, Terms of Service) */
/* Deliberately plain/readable — legal text needs typography, not the marketing template's motion effects. */

:root {
	--legal-bg: #221c38;
	--legal-panel: rgba(255,255,255,0.05);
	--legal-border: rgba(146,224,191,0.2);
	--legal-accent: #92E0BF;
	--legal-text: rgba(255,255,255,0.85);
	--legal-text-dim: rgba(255,255,255,0.55);
}

html, body {
	margin: 0;
	padding: 0;
	background-color: var(--legal-bg);
	color: var(--legal-text);
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 1.7;
}

.legal-wrapper {
	max-width: 42rem;
	margin: 0 auto;
	padding: 3rem 1.5rem 5rem;
}

.legal-nav {
	margin-bottom: 2.5rem;
}

.legal-nav a {
	font-family: 'Antonio', sans-serif;
	font-weight: 600;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	color: var(--legal-accent);
	text-decoration: none;
}

.legal-nav a:hover {
	text-decoration: underline;
}

.legal-wrapper h1 {
	font-family: 'Antonio', sans-serif;
	font-weight: 700;
	font-size: 2.25rem;
	color: #FFFFFF;
	margin: 0 0 0.5rem;
}

.legal-meta {
	color: var(--legal-text-dim);
	font-size: 0.85rem;
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--legal-border);
}

.legal-wrapper h2 {
	font-family: 'Antonio', sans-serif;
	font-weight: 700;
	font-size: 1.35rem;
	color: var(--legal-accent);
	margin: 2.25rem 0 0.75rem;
}

.legal-wrapper h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #FFFFFF;
	margin: 1.5rem 0 0.5rem;
}

.legal-wrapper p,
.legal-wrapper li {
	color: var(--legal-text);
	font-size: 0.95rem;
}

.legal-wrapper ul,
.legal-wrapper ol {
	padding-left: 1.4rem;
	margin: 0.5rem 0 1rem;
}

.legal-wrapper li {
	margin-bottom: 0.4rem;
}

.legal-wrapper a {
	color: var(--legal-accent);
}

.legal-wrapper strong {
	color: #FFFFFF;
}

.legal-table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0 1.5rem;
	font-size: 0.85rem;
}

.legal-table th,
.legal-table td {
	text-align: left;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--legal-border);
	vertical-align: top;
}

.legal-table th {
	background: var(--legal-panel);
	color: var(--legal-accent);
	font-family: 'Antonio', sans-serif;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.legal-footer {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--legal-border);
	color: var(--legal-text-dim);
	font-size: 0.8rem;
}

.legal-footer a {
	color: var(--legal-text-dim);
	text-decoration: underline;
}

@media screen and (max-width: 600px) {
	.legal-wrapper {
		padding: 2rem 1.25rem 4rem;
	}
	.legal-wrapper h1 {
		font-size: 1.75rem;
	}
}