/* ===== Privacy page (pl-*) ===== */
.pl-hero {
	padding: 36px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background: radial-gradient(900px 380px at 15% 0%, rgba(255, 220, 166, .08), transparent 60%), linear-gradient(180deg, #0a0d10, #101418)
}

.pl-hero__wrap {
	max-width: var(--max);
	margin: 0 auto;
	padding: 0 16px
}

.pl-hero__title {
	margin: 0 0 6px;
	font-size: clamp(28px, 5.6vw, 44px)
}

.pl-hero__meta {
	color: #a2b1c4
}

.pl-body {
	padding-top: 18px
}

.pl-grid {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 24px
}

.pl-toc {
	position: sticky;
	top: 84px;
	align-self: start;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 14px;
	padding: 10px;
	background: linear-gradient(180deg, #1a1207, #120c05)
}

.pl-toc__link {
	display: block;
	padding: 8px 10px;
	border-radius: 8px;
	color: #c9d1db;
	text-decoration: none
}

.pl-toc__link.is-active {
	background: rgba(255, 255, 255, .08);
	color: #ffdca6
}

.pl-content {
	min-width: 0
}

.pl-sec {
	padding: 12px 0;
	border-top: 1px solid rgba(255, 255, 255, .06)
}

.pl-sec:first-child {
	border-top: 0
}

.pl-h {
	margin: 0 0 4px;
	color: #ffdca6
}

.pl-p {
	color: var(--text)
}

.pl-ul {
	margin: 8px 0 0;
	padding-left: 18px
}

.pl-ul li {
	margin: 6px 0;
	color: var(--text)
}

@media (max-width:1100px) {
	.pl-grid {
		grid-template-columns: 1fr
	}

	.pl-toc {
		position: static
	}
}