/* ==========================================================================
   sl-privacy.css — Privacy policy page only.
   Everything shared with another page lives in sl-global.css; this file is
   only what is unique here. Every selector is scoped under
   body.sl-page .sl-site .sl-page-privacy so it cannot reach Astra or Elementor.
   ========================================================================== */

body.sl-page .sl-site .sl-page-privacy .sl-legal {
	background: var(--sl-paper); padding: clamp(44px, 6vw, 88px) clamp(20px, 5vw, 56px);
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-inner {
	max-width: 840px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(26px, 3vw, 40px);
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-block {
	display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: clamp(12px, 2vw, 24px); align-items: start;
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-num {
	font-size: 13px; font-weight: 700; letter-spacing: .08em; color: var(--sl-lime-dark, #5c8a00); padding-top: 5px;
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-body h2 {
	margin: 0 0 10px; font-size: clamp(20px, 2vw, 26px); line-height: 1.2; letter-spacing: -.015em; color: var(--sl-ink);
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-body p {
	margin: 0 0 10px; font-size: 16px; line-height: 1.65; color: rgba(10, 10, 11, .72); text-wrap: pretty;
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-body ul {
	margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px;
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-body li {
	font-size: 16px; line-height: 1.6; color: rgba(10, 10, 11, .72);
}
body.sl-page .sl-site .sl-page-privacy .sl-legal-body a {
	color: var(--sl-lime-dark, #5c8a00); font-weight: 600;
}
@media (max-width: 640px) {
	body.sl-page .sl-site .sl-page-privacy .sl-legal-block {
		grid-template-columns: 1fr; gap: 6px;
	}
	body.sl-page .sl-site .sl-page-privacy .sl-legal-num {
		padding-top: 0;
	}
}