/* =============================================================================
   Privacy Policy — /privacy-policy/.

   Ported from the designers' file `I6eL7RvQC6usaqAka5KQkd`, frame 1872:3250
   "Privacy Policy" (1440x5721) and 1893:506 mobile (392x8375). An exact copy sits
   in the "Refference" file (jreoVvSg4lM9TPJB5nRi09, 60:37 / 60:208).

   A cream legal document — one centred reading column — under the DARK theme of
   the shared header and footer (the frame draws both black). That theme is the
   one Labs ships; it is replicated here scoped to .page-privacy rather than
   shared, so it cannot touch the other pages. Worth extracting to a shared
   `chrome-dark` modifier once a third page wants it — see pages/labs.css.

   Vertical rhythm is a flat 20px between every block on both breakpoints; the
   hierarchy is carried by size and weight alone, so the column is one flex stack
   with a single gap. Lists indent their own items by 8px; the contact block is
   its own tight group.
   ========================================================================== */

.page-privacy {
	font: var(--body-l);
	color: var(--color-carbon);
	background: var(--color-cream);
}

/* --- Header ------------------------------------------------------------- */
/* The dark theme of the shared header (frame 1872:4869) — `headerTheme: dark`
   in the front matter; the theme itself is in base.css. */

/* --- Footer (frame 1872:3904) --------------------------------------------- */
/* The dark theme of the shared footer — `footerTheme: dark` in the front
   matter; its colours, mark and orange social icons live in base.css. What
   follows is this frame's own layout, which keeps the full-width divider. */
.page-privacy .site-footer {
	margin-top: 0;
}

.page-privacy .site-footer__col h2 {
	margin-bottom: 4px;
	font-size: var(--text-md);
	letter-spacing: var(--ls-label);
}

.page-privacy .site-footer__col a {
	font-size: var(--text-sm);
}

.page-privacy .site-footer__cols {
	gap: 51px;
}

.page-privacy .site-footer__col {
	gap: 4px;
}

/* The divider stays (unlike Labs); the dark theme recolours it. */



/* --- The reading column --------------------------------------------------- */
/* Content top lands at the frame's y196: 114px header offset + 82px. The column
   is 1100 wide, centred (170px gutters at 1440); it never sits closer than the
   page gutter to the edge below ~1260. */
.page-privacy .privacy {
	padding: 70px 0 104px; /* 70px below the header bar; 104px to the footer (frame) */
}

.page-privacy .privacy__inner {
	width: min(1100px, calc(100% - 2 * var(--page-gutter)));
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* Body text is inherited from here rather than set on a `p` selector: a
	   `.privacy p` rule outranks the `.privacy__eyebrow` / `__meta` class rules
	   (the element bump wins the tie), so inheritance keeps the specials in charge. */
	font: 400 var(--text-lg) / 1.1 var(--font-sans);
	color: var(--color-sand);
}

.page-privacy .privacy__eyebrow {
	margin: 0;
	font: var(--label-m);
	letter-spacing: var(--ls-label);
	color: var(--color-orange);
}

.page-privacy .privacy__title {
	margin: 0;
	font: var(--display-xl);
	letter-spacing: var(--ls-display);
	color: var(--color-carbon);
}

.page-privacy .privacy__meta {
	margin: 0;
	font: 400 var(--text-base) / 1.15 var(--font-sans);
	color: var(--color-sand);
}

/* Numbered section headings. */
.page-privacy .privacy__h2 {
	margin: 0;
	font: 700 var(--text-display-s) / 1 var(--font-sans);
	letter-spacing: var(--ls-display);
	color: var(--color-carbon);
}

/* Subsection headings (Personal Data, Retention, PHI …). */
.page-privacy .privacy__h3 {
	margin: 0;
	font: 700 var(--text-display-xs) / 1.1 var(--font-sans);
	letter-spacing: var(--ls-display);
	color: var(--color-carbon);
}

.page-privacy .privacy p {
	margin: 0;
}

/* Bulleted and "Right to …" lists: single flex children, 8px between items.
   Font and colour are inherited from .privacy__inner. */
.page-privacy .privacy__list,
.page-privacy .privacy__rights {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Bullet hangs in a 1.4ch indent so wrapped lines align under the text. */
.page-privacy .privacy__list li {
	position: relative;
	padding-left: 1.4ch;
}
.page-privacy .privacy__list li::before {
	content: "\2022";
	position: absolute;
	left: 0;
}

/* The rights lead-in ("Right to Access:") is the only carbon-bold run in the
   body; the rest of the item stays sand. */
.page-privacy .privacy__rights strong,
.page-privacy .privacy__contact strong {
	font-weight: 700;
	color: var(--color-carbon);
}

/* Contact block: its own tight group (4px), not the 20px column rhythm. Size,
   family and line-height are inherited; only weight and colour are set here.
   Address lines inherit the sand body colour; the name and links override it. */
.page-privacy .privacy__contact {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.page-privacy .privacy__contact p,
.page-privacy .privacy__contact a {
	margin: 0;
	font-weight: 700;
}
.page-privacy .privacy__contact-name {
	color: var(--color-carbon);
}
.page-privacy .privacy__contact a {
	color: var(--color-orange);
	text-decoration: none;
}
.page-privacy .privacy__contact a:hover {
	text-decoration: underline;
}

/* --- Mobile (frame 1893:506, 392 wide) ------------------------------------ */
@media (max-width: 767px) {
	.page-privacy .privacy {
		padding-top: 50px; /* 50px below the header bar (frame) */
		padding-bottom: 14px; /* content-to-footer gap on the mobile frame */
	}
	/* The mobile frame's footer has no social band — hide the shared one that
	   the base mobile footer stacks on top (it is present on other pages). */
	.page-privacy .site-footer__social {
		display: none;
	}
	.page-privacy .privacy__inner {
		width: calc(100% - 2 * 26px); /* frame gutter */
	}
	.page-privacy .privacy__title {
		font: var(--display-m); /* 36 */
		letter-spacing: var(--ls-display);
	}
	.page-privacy .privacy__h2 {
		font: 700 var(--text-display-xs) / 1.1 var(--font-sans); /* 24 */
		letter-spacing: var(--ls-display);
	}
	.page-privacy .privacy__h3 {
		font: 700 var(--text-lg) / 1 var(--font-sans); /* 20 */
		letter-spacing: var(--ls-display);
	}
	/* Body drops to 16 (Body/M) — inherited by paragraphs, lists and contact. */
	.page-privacy .privacy__inner {
		font: 400 var(--text-base) / 1.15 var(--font-sans);
		color: var(--color-sand);
	}
}