/* ===========================
   PaperMint — Privacy Policy
   =========================== */

.privacy-main {
	padding-top: calc(var(--header-h, 64px) + 12px);
}

/* Title + Hero */
.pp-title {
	position: relative;
	margin: 0;
	padding: 16px 0 0;
	text-align: center;
	font-size: clamp(22px, 3.2vw, 32px);
}
.pp-hero {
	background: linear-gradient(
				180deg,
				rgba(213, 255, 241, 0.45),
				rgba(213, 255, 241, 0)
			)
			0 0/100% 220px no-repeat,
		repeating-linear-gradient(
			to bottom,
			rgba(11, 180, 138, 0.08) 0 1px,
			transparent 1px 28px
		);
	border-top: 1px solid rgba(15, 27, 32, 0.06);
	border-bottom: 1px solid rgba(15, 27, 32, 0.06);
}
.pp-wrap {
	display: grid;
	gap: 12px;
}
.pp-lede {
	background: #fff;
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 12px;
	color: var(--ink-600);
	text-align: center;
}
.pp-updated {
	color: var(--ink-400);
	text-align: center;
}

/* Legal blocks */
.pp-legal .pp-wrap,
.pp-content .pp-wrap {
	max-width: 940px;
}

.pp-legal h2,
.pp-content h2 {
	margin: 12px 0 6px;
	font-size: clamp(18px, 2.4vw, 22px);
}
.pp-legal p,
.pp-content p {
	margin: 0 0 10px;
	line-height: 1.7;
	color: var(--ink-600);
	background: #fff;
	border-radius: 12px;
	box-shadow: var(--shadow);
	padding: 12px;
}

/* Links and focus states */
.pp-content a {
	color: var(--mint-700);
	text-decoration: underline;
}
.pp-content a:focus-visible {
	outline: 3px solid rgba(24, 201, 161, 0.35);
	outline-offset: 2px;
	border-radius: 6px;
}

/* Smooth section reveal using the global .reveal/.animate-on-scroll if present */
.section {
	scroll-margin-top: calc(var(--header-h, 64px) + 10px);
}

/* Responsive */
@media (max-width: 720px) {
	.pp-lede {
		text-align: left;
	}
}