/*
 * Privacy Policy — `/privacy-policy/`, page-scoped stylesheet.
 *
 * No approved design exists for this page (confirmed by exhaustive search
 * of the design source folder — see page-privacy-policy.php's own
 * docblock). A light, restrained "document" treatment was used instead of a dark
 * marketing hero, since this is a legal/utility page — but every value
 * below still reuses the site's own established tokens/typography scale,
 * not an invented visual language.
 *
 * This file only loads on `is_page('privacy-policy')` (see
 * inc/enqueue.php) — never alongside about.css, contact.css, blog.css,
 * or any other page's own stylesheet.
 */

/* ---- Intro ---- */

.privacy-intro {
	background: var(--color-bg-neutral);
	border-bottom: 1px solid var(--border-light);
}

.privacy-intro__inner {
	padding: var(--space-section-compact-top) var(--gutter-desktop) var(--space-section-compact-bottom);
	box-sizing: border-box;
}

.privacy-intro__eyebrow {
	font-family: var(--font-mono);
	font-size: var(--fs-eyebrow);
	font-weight: var(--fw-semibold);
	letter-spacing: var(--ls-eyebrow);
	color: var(--color-red);
	margin-bottom: 26px;
}

.privacy-intro .privacy-intro__heading {
	font-family: var(--font-primary);
	font-size: var(--fs-h1-page);
	font-weight: var(--fw-extrabold);
	line-height: var(--lh-tight);
	letter-spacing: var(--ls-tight);
	color: var(--color-navy);
	margin: 0 0 20px;
}

.privacy-intro__updated {
	font-family: var(--font-mono);
	font-size: var(--fs-meta);
	letter-spacing: var(--ls-meta);
	color: var(--text-faint-label);
	margin: 0;
}

/* ---- Body ---- */

.privacy-body-section {
	background: var(--color-bg-white);
}

.privacy-body-section__inner {
	padding: var(--space-section-standard) var(--gutter-desktop);
	box-sizing: border-box;
}

.privacy-body {
	max-width: 760px;
	margin: 0 auto;
	font-family: var(--font-primary);
	font-size: var(--fs-body);
	line-height: var(--lh-body-loose);
	color: var(--text-body-muted);
}

.privacy-body > * + * {
	margin-top: 24px;
}

.privacy-body h2 {
	font-family: var(--font-primary);
	font-weight: var(--fw-extrabold);
	font-size: var(--fs-h2-sub);
	color: var(--color-navy);
	line-height: var(--lh-heading);
	margin-top: 48px;
	margin-bottom: 0;
}

.privacy-body p {
	margin: 0;
}

.privacy-body ul {
	margin: 0;
	padding-left: 24px;
}

.privacy-body li + li {
	margin-top: 8px;
}

.privacy-body strong {
	color: var(--color-navy);
	font-weight: var(--fw-bold);
}

.privacy-body a {
	color: var(--color-blue-link-dark);
	text-decoration: underline;
}

.privacy-body a:hover {
	color: var(--color-red);
}

/* ---- Responsive ---- */

@media (max-width: 768px) {
	.privacy-intro__inner,
	.privacy-body-section__inner {
		padding-left: var(--gutter-mobile);
		padding-right: var(--gutter-mobile);
	}

	.privacy-intro .privacy-intro__heading {
		font-size: 40px;
	}
}
