/* Privacy policy — Figma «Політика конфіденційності» 3866:19418 (1440), plan 06
   task 11. One text page: the breadcrumbs, a centred heading with its lead and
   the «Оновлено» line, then the document itself in a 874 column centred on the
   page.

   Only a 1440 frame exists for this page (inventory.md — no 390, no 768, no
   1920), so the narrow widths keep the same single column inside the shared
   gutter (`--page-gutter`, container.css) and the type steps through tokens.css
   on its own.

   The frame writes this page in two fonts the rest of the site does not use
   (NAMU 1990 for the headings, e-Ukraine Light for the body). Its own measured
   geometry is the site's Kilok/Sofia Pro metrics all the same — the H1 box is
   39 px for a 56 px line (Kilok's 0.70 cap), the paragraphs 44 px for two 16 px
   lines (Sofia Pro's 22) — so the page is set in the site's type scale and the
   question is in designer-questions.md.

   The document is Gutenberg output, so the rules below name its blocks
   (`h2`/`h3`/`p`/`ul`), not classes of ours: whatever the theatre writes lands
   in the same rhythm. */

.privacy {
	padding: 0 var(--page-gutter) 120px;
	background: var(--color-base-white);
}

/* The breadcrumb component is a `nav` around an `inline-flex` row: laid out
as a
   flex parent so its own line box (the separator's «M/M text» leading) does not
   stand in for the 16 px row the frame draws. */
.privacy__inner {
	display: flex;
	flex-direction: column;
}

.privacy__inner > .breadcrumbs {
	display: flex;
}

/* «Heading» 3866:19456: the H1, the lead and the date, centred, 32 apart. */
.privacy__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	margin-top: 40px;
	text-align: center;
}

/* «H1/H1 S» — 56/56 at 1440, cap-trimmed; Kilok's 0.70 cap against the
   substitute's 0.659 goes back as bottom padding (section-title.css). */
.privacy__title {
	margin: 0;
	padding-bottom: 0.041em;
	color: var(--color-neutral-800);
	font-family: var(--font-title);
	font-size: var(--fs-h1-s);
	font-weight: 400;
	line-height: var(--lh-h1-s);
	letter-spacing: var(--ls-h1-s);
	text-box: trim-both cap alphabetic;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* «Ця Політика конфіденційності…» 3866:19465 — «M/M text» in a 655 column,
   cap-trimmed like every M/M line in the file. */
.privacy__lead {
	max-width: 655px;
	margin: 0;
	text-box: trim-both cap alphabetic;
	color: var(--color-neutral-800);
	font-family: var(--font-body);
	font-size: var(--fs-m-text);
	font-weight: 400;
	line-height: var(--lh-m-text);
	letter-spacing: var(--ls-m-text);
}

/* «Оновлено: 26.08.2026» 3866:19466 — the same type on `#4A5563`. The date is
   the page's own `post_modified`, not a line somebody retypes. */
.privacy__updated {
	margin: 0;
	text-box: trim-both cap alphabetic;
	color: var(--color-neutral-600);
	font-family: var(--font-body);
	font-size: var(--fs-m-text);
	font-weight: 400;
	line-height: var(--lh-m-text);
	letter-spacing: var(--ls-m-text);
}

/* «Information» 3866:19461: the document, 874 wide, centred, its sections 48
   apart. */
.privacy__content {
	width: 874px;
	max-width: 100%;
	margin: 54px auto 0;
	color: var(--color-neutral-800);
	font-family: var(--font-body);
	font-size: var(--fs-s-text);
	font-weight: 400;
	line-height: var(--lh-s-text);
	letter-spacing: var(--ls-s-text);
}

/* «H3» 36/41.4 for a section heading (`3866:19463`), 32 above its own text and
   48 below the section before it. */
.privacy__content h2 {
	margin: 48px 0 32px;
	padding-bottom: 0.041em;
	font-family: var(--font-title);
	font-size: var(--fs-h3);
	font-weight: 400;
	line-height: var(--lh-h3);
	letter-spacing: var(--ls-h3);
	text-box: trim-both cap alphabetic;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.privacy__content > :first-child {
	margin-top: 0;
}

/* «Subtitle» 3866:19477 — «H5» 28/28, the line that introduces a list. */
.privacy__content h3 {
	margin: 24px 0 18px;
	font-family: var(--font-title);
	font-size: var(--fs-h5);
	font-weight: 400;
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-h5);
	overflow-wrap: anywhere;
}

.privacy__content p {
	margin: 0 0 16px;
}

.privacy__content p:last-child {
	margin-bottom: 0;
}

/* «Items» 3866:19480: 10 between the bullets, and the bullet itself is the
   frame's own 8×8 square, 6 from the text. */
.privacy__content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.privacy__content li {
	position: relative;
	padding-left: 14px;
}

.privacy__content li + li {
	margin-top: 10px;
}

.privacy__content li::before {
	content: "";
	position: absolute;
	top: calc(0.5lh - 4px);
	left: 0;
	width: 8px;
	height: 8px;
	background: var(--color-neutral-800);
}

.privacy__content a {
	color: var(--color-primary-700);
}

/* ================================================================= 1440 */

@media (min-width: 1440px) {

	.privacy {
		padding-bottom: 180px;
	}

	/* 3866:19456 sits 72 below the breadcrumbs (136 → 208). */
	.privacy__header {
		margin-top: 56px;
	}

	.privacy__content {
		margin-top: 54px;
	}

	.privacy__content h2 {
		margin-top: 48px;
	}
}