/*
 * Privacy policy (HANDOFF §4; not in Figma), built only from existing styles: the Ink eyebrow rule above the H1
 * (Display) and the Lead, then the text, sections as H2 in the H3 style and sub-parts as H3 in bold Body. No hero
 * (theme.css starts <main> under the solid header) and no contact block; section padding above and below.
 */

/* One column: the content width on phones, 7 columns from 768 (HANDOFF). Sections 32 apart on phones, 48 from
   1024 (as the product page's parts); the introduction 16 further from the first. */
.policy__inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-32);
	grid-column: 1 / -1;
}

@media (min-width: 768px) {
	.policy__inner {
		grid-column: 1 / span 7;
	}
}

@media (min-width: 1024px) {
	.policy__inner {
		gap: var(--space-48);
	}
}

/* The rule 16 above the H1 (as a section heading's), the Lead 24 under it (as in the heroes). */
.policy__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-16);
	margin-bottom: var(--space-16);
}

.policy__lead {
	margin-top: var(--space-8);
}

/* A heading 16 above its text (as on the product page), paragraphs 16 apart; sub-parts 32 apart, each H3 8 above
   its own text. */
.policy__section > * + *,
.policy__part > * + * {
	margin-top: var(--space-16);
}

.policy__section > .policy__part + .policy__part {
	margin-top: var(--space-32);
}

.policy__part > .policy__subhead + * {
	margin-top: var(--space-8);
}

.policy__subhead {
	font-size: var(--font-size-body);
	font-weight: var(--font-weight-strong);
	line-height: var(--line-height-body);
}

/* The list: each item marked with the solid Ink Dart, 8 px (HANDOFF), centred on the item's first line, 16 from
   its text; items 8 apart. */
.policy__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-8);
	margin-bottom: 0;
}

.policy__list li {
	display: flex;
	gap: var(--space-16);
}

.policy__list li::before {
	content: '';
	flex: none;
	width: var(--space-8);
	height: var(--space-8);
	margin-top: calc((var(--line-height-body) - var(--space-8)) / 2);
	background: url('/assets/brand/dart/praspekt-dart-solid-ink.svg') center / contain no-repeat;
}