/* ─────────────────────────────────────────────────────────
   PRIVACY NOTICE PAGE · GDPR · informativa art. 13 GDPR
   Reuses style.css + drop.css + faq.css + terms.css for the
   brand frame and inherits every shared surface (.terms-art,
   .terms-section, .terms-pills, .terms-clause, .terms-table,
   .terms-form, .terms-tailcard, .terms-eyebrow, .terms-h …).

   Adds only the page-specific surfaces:
     ·  .privacy-body alias (semantic, identical to .terms-body)
     ·  the extended-table pattern (processors, retention, rights)
        that needs to print three or four columns of dense rows
     ·  the row of compact "fact-line" tiles used in the
        rights-summary and version-log mini-sections
     ·  inline definition list pattern (term ↦ explanation)
   Everything else inherits from terms.css unchanged.
───────────────────────────────────────────────────────── */

.privacy-body { background: var(--paper); color: var(--ink); }


/* ─── EXTENDED PROCESSOR / RETENTION TABLE ──────────────── */
/* The terms-table baseline is 3 columns; this variant supports
   up to 5 columns of dense factual content with horizontal
   scroll on narrow viewports rather than the stacked layout. */
.privacy-table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	margin: 8px 0 28px;
	font-family: var(--f-sans);
	font-size: 13.5px;
	line-height: 1.55;
}
.privacy-table-scroll {
	max-width: 100%;
	overflow-x: auto;
	margin: 8px 0 28px;
	border: 1px solid rgba(14, 13, 10, 0.10);
	border-radius: 4px;
	background: rgba(14, 13, 10, 0.02);
}
.terms-section--ink .privacy-table-scroll {
	border-color: rgba(244, 239, 230, 0.16);
	background: rgba(244, 239, 230, 0.04);
}
.privacy-table-scroll .privacy-table { margin: 0; }
.privacy-table thead th {
	font-family: var(--f-mono);
	font-weight: 500;
	font-size: 10.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-align: left;
	padding: 14px 14px;
	border-bottom: 1px solid currentColor;
	color: var(--acid-d);
	white-space: nowrap;
}
.terms-section--ink .privacy-table thead th { color: var(--acid); }
.privacy-table tbody td {
	padding: 14px 14px;
	border-bottom: 1px solid rgba(14, 13, 10, 0.10);
	vertical-align: top;
}
.terms-section--ink .privacy-table tbody td {
	border-bottom-color: rgba(244, 239, 230, 0.10);
}
.privacy-table tbody td:first-child {
	font-weight: 600;
	min-width: 160px;
}
.privacy-table tbody td em { font-style: italic; }
.privacy-table tbody td code {
	font-family: var(--f-mono);
	font-size: 0.88em;
	padding: 1px 6px;
	border-radius: 3px;
	background: rgba(14, 13, 10, 0.06);
}
.terms-section--ink .privacy-table tbody td code {
	background: rgba(244, 239, 230, 0.10);
}
.privacy-table tbody tr:last-child td { border-bottom: none; }


/* ─── DEFINITION LIST · short term ↦ explanation rows ───── */
.privacy-dl {
	margin: 8px 0 28px;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(180px, 1fr) minmax(0, 3fr);
	gap: 12px 24px;
}
.privacy-dl dt {
	font-family: var(--f-mono);
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--acid-d);
	padding-top: 3px;
}
.terms-section--ink .privacy-dl dt { color: var(--acid); }
.privacy-dl dd {
	margin: 0;
	font-family: var(--f-sans);
	font-size: clamp(14px, 1.05vw, 16px);
	line-height: 1.65;
}


/* ─── FACT-LINE STRIP · short single-line declarations ──── */
.privacy-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
	margin: 8px 0 28px;
}
.privacy-fact {
	padding: 18px 20px;
	border: 1px solid rgba(14, 13, 10, 0.12);
	border-radius: 4px;
	background: rgba(14, 13, 10, 0.02);
}
.terms-section--ink .privacy-fact {
	border-color: rgba(244, 239, 230, 0.16);
	background: rgba(244, 239, 230, 0.04);
}
.privacy-fact-label {
	display: block;
	font-family: var(--f-mono);
	font-size: 10.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--acid-d);
	margin: 0 0 8px;
}
.terms-section--ink .privacy-fact-label { color: var(--acid); }
.privacy-fact-value {
	display: block;
	font-family: var(--f-sans);
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}
.privacy-fact-value strong { font-weight: 700; }
.privacy-fact-value a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}


/* ─── VERSION LOG · single-column timeline ──────────────── */
.privacy-versions {
	list-style: none;
	margin: 8px 0 28px;
	padding: 0;
}
.privacy-versions li {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 18px;
	padding: 14px 0;
	border-bottom: 1px dashed rgba(14, 13, 10, 0.18);
}
.terms-section--ink .privacy-versions li {
	border-bottom-color: rgba(244, 239, 230, 0.18);
}
.privacy-versions li:last-child { border-bottom: none; }
.privacy-versions-when {
	font-family: var(--f-mono);
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--acid-d);
}
.terms-section--ink .privacy-versions-when { color: var(--acid); }
.privacy-versions-what {
	font-family: var(--f-sans);
	font-size: 14px;
	line-height: 1.6;
}


/* ─── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 900px) {
	.privacy-dl { grid-template-columns: 1fr; gap: 6px 0; }
	.privacy-dl dt { padding-top: 8px; }
	.privacy-versions li { grid-template-columns: 1fr; gap: 4px; }
}
@media (max-width: 600px) {
	.privacy-table thead th { padding: 10px 10px; }
	.privacy-table tbody td { padding: 10px 10px; }
	.privacy-fact { padding: 14px 16px; }
}