/* ============== Privacy policy page ==============
   Long-form legal text. Sits INSIDE .s-page-top (which provides the
   site-wide blue/wave background), so we don't set our own background
   here — only typography + spacing. A white "paper" card holds the
   actual text so legal copy stays comfortably readable against the
   light-teal section.
*/

/* .s-page-top adds 110px top + 20px bottom padding by default; we
   want a bit more breathing room below the text. */
.privacy-page {
	padding-bottom: 64px;
}

/* Narrow the wrapper INSIDE the wave section so line length stays
   comfortable. .s-page-top's wrapper default is full-width. */
.privacy-page .wrapper {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Wrap the text body in a soft-white card so legal text doesn't sit
   directly on the teal wave background. */
.privacy-body {
	background: #fff;
	border-radius: 16px;
	padding: 36px 42px;
	box-shadow: 0 4px 24px rgba(27, 59, 80, .08);
	border: 1px solid rgba(167, 210, 219, .4);
}

/* ---- Header (sits directly on the wave background, above the card) ---- */
.privacy-head {
	margin: 0 auto 22px;
	text-align: center;
	max-width: 700px;
}

.privacy-eyebrow {
	font-size: 11px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: #F0621A;
	font-weight: 700;
	margin-bottom: 10px;
}

.privacy-head h1 {
	font-size: 34px;
	line-height: 1.15;
	color: #1B3B50;
	margin: 0 0 10px;
	font-weight: 800;
	letter-spacing: -0.6px;
}

.privacy-meta {
	font-size: 14px;
	color: #1B3B50;
	opacity: .75;
	margin: 0;
	font-weight: 600;
}

/* ---- Body typography ---- */
.privacy-body {
	font-size: 15.5px;
	line-height: 1.7;
	color: #2a3a48;
}

.privacy-body h2 {
	font-size: 19px;
	color: #1B3B50;
	margin: 32px 0 12px;
	font-weight: 800;
	letter-spacing: -0.2px;
	scroll-margin-top: 20px;
}

.privacy-body p {
	margin: 0 0 14px;
}

.privacy-body ul {
	margin: 8px 0 18px;
	padding-left: 22px;
}
/* app.css line 1559 has a site-wide `ul li { background-image: <orange circle> }`
   that paints a decorative bullet behind every list item. That's fine on
   marketing pages but renders as floating orange rings here. Kill the
   inherited background + padding and use a normal disc marker instead. */
.privacy-body li {
	background: none !important;
	padding: 0 !important;
	margin-bottom: 6px;
	font-size: inherit;
}
/* Shrink the bullet — the default browser disc is too chunky next to
   our 15.5px body text. `font-size` on ::marker is the modern way to
   resize the bullet without touching the li's own font. Supported in
   Chromium, Firefox, and Safari. */
.privacy-body li::marker {
	color: #F0621A;
	font-size: 0.7em;
}

.privacy-body a {
	color: #F0621A;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
.privacy-body a:hover {
	color: #d04f0e;
}

.privacy-body strong { color: #1B3B50; }

/* ---- Contact list (callout — sits inside the white card, so it
       gets a soft teal tint to stand out, not card-on-card white) ---- */
.privacy-contacts {
	background: #f1f9fb;
	border: 1px solid #d7eaef;
	border-radius: 12px;
	padding: 16px 20px !important;
	list-style: none !important;
	margin: 14px 0 20px !important;
}
.privacy-contacts li {
	padding-left: 0;
	margin-bottom: 6px;
}
.privacy-contacts li:last-child { margin-bottom: 0; }
.privacy-contacts li::marker { content: ''; }
.privacy-contact-label {
	display: inline-block;
	min-width: 130px;
	color: #1B3B50;
	font-weight: 700;
}

/* ---- Note callout (e.g. "we don't store card data") ---- */
.privacy-note {
	background: #fff7ee;
	border-left: 3px solid #F0621A;
	border-radius: 0 8px 8px 0;
	padding: 12px 16px;
	margin: 14px 0 22px;
	font-size: 14.5px;
	color: #4a3829;
}
.privacy-note a { color: #1B3B50; }

/* ---- Footer divider + closing note ---- */
.privacy-body hr {
	border: 0;
	border-top: 1px solid #e6ebef;
	margin: 36px 0 22px;
}
.privacy-footer-note {
	color: #6b7585;
	font-size: 14px;
	text-align: center;
	margin: 0;
}

/* ---- Mobile tuning ---- */
@media (max-width: 600px) {
	.privacy-page { padding-bottom: 40px; }
	.privacy-body {
		padding: 24px 22px;
		border-radius: 12px;
	}
	.privacy-head h1 { font-size: 24px; }
	.privacy-body { font-size: 15px; }
	.privacy-body h2 { font-size: 17px; margin-top: 26px; }
	.privacy-contact-label { min-width: 0; display: block; margin-bottom: 2px; }
}