/* De Alva -- Privacy Notice page
   Tokens: --navy, --blue, --red, --ink, --muted, --line, --paper, --white, --maxw, --sans
   Prose typography is inherited from pages/common.css (.dealva-prose).
   This file adds the page wrapper, max-width constraint, and heading decorations
   specific to the legal document layout. */

/* ── Page body section ────────────────────────────────────── */
.dealva-privacy__body {
	background: var(--white);
	padding: 72px 0 96px;
}

.dealva-privacy__inner {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ── Document title (all-caps legal heading) ──────────────── */
.dealva-privacy__doc-title {
	font-family: var(--sans);
	font-size: clamp(1.125rem, 2.2vw, 1.375rem);
	font-weight: 900;
	color: var(--navy);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.35;
	margin: 0 0 2em;
	padding-bottom: 1em;
	border-bottom: 2px solid var(--red, #a71e3b);
}

/* ── Section headings (h2) within the prose ──────────────── */
/* Override common.css h2 top margin slightly for dense legal docs */
.dealva-privacy__inner .dealva-prose h2 {
	font-size: clamp(0.8125rem, 1.4vw, 0.9375rem);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--navy);
	margin: 2.4em 0 0.75em;
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--line, #e6e8ee);
}

/* ── Sub-headings (h3) ────────────────────────────────────── */
.dealva-privacy__inner .dealva-prose h3 {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--ink);
	margin: 1.6em 0 0.5em;
}

/* ── List styling ─────────────────────────────────────────── */
.dealva-privacy__inner .dealva-prose ul li,
.dealva-privacy__inner .dealva-prose ol li {
	margin-bottom: 0.35em;
	color: var(--muted, #4a5568);
}

/* ── Contact email links ──────────────────────────────────── */
.dealva-privacy__inner .dealva-prose a {
	color: var(--blue, #2162ac);
	text-decoration: underline;
	word-break: break-all;
}

.dealva-privacy__inner .dealva-prose a:hover {
	color: var(--navy, #15254c);
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 1024px) {
	.dealva-privacy__inner {
		max-width: 720px;
	}
}

@media (max-width: 860px) {
	.dealva-privacy__body {
		padding: 56px 0 72px;
	}
}

@media (max-width: 768px) {
	.dealva-privacy__inner {
		padding: 0 16px;
	}

	.dealva-privacy__body {
		padding: 48px 0 64px;
	}
}

@media (max-width: 540px) {
	.dealva-privacy__doc-title {
		font-size: 1rem;
	}

	.dealva-privacy__inner .dealva-prose h2 {
		font-size: 0.75rem;
	}
}
