/**
 * Paginile legale — doar ce e al lor.
 *
 * Învelișul, firimiturile și H1-ul vin din `despre.css`; newsletterul din
 * `homepage.css`. Aici rămân data de sub titlu și coloana de citit.
 *
 * Toate valorile sunt MĂSURATE pe machetele 1:1 primite de la Seba
 * *(1440×2264 și 360×3010)*, 15 august 2026 — pozițiile din cerneală, culorile
 * pixel cu pixel, mărimile de font calibrate pe pagina de Contact randată de
 * server *(unde H1-ul are 48px știuți, deci decalajul cutie → cerneală se
 * măsoară, nu se deduce)*.
 *
 *   coloană de citit   664 / 328     ← aceeași cu a articolelor
 *   corp               16 / 14, rând 22 / 20, `#53798A`
 *   accentele          `#0A435C`, 600
 *   între paragrafe    16, LA AMÂNDOUĂ lățimile
 *   listă              text la 24 de margine, rândurile lipite
 *   newsletter         pe 1344, nu pe 1118
 *
 * Convenție de clase: `.inco-legal*`.
 */

.inco-legal-pagina {
	/*
	 * `min(100% - 32px, 41.5rem)` — nu `clamp()`. Dă exact 328 la 360 *(16 de
	 * fiecare parte)* și se oprește la 664. Aceeași formă ca la articole.
	 *
	 * ⚠️ Valorile se rescriu aici, nu se împrumută din `blog.css`: tokenii lui
	 * sunt declarați pe `.inco-art-pagina`, deci în afara ei n-ar exista, iar o
	 * variabilă nedefinită nu strică o declarație, ci **toată proprietatea**.
	 * → §4 (`v1.12.28`)
	 */
	--legal-col:  min(100% - 32px, 41.5rem);

	--legal-font: clamp(0.875rem, 0.8333rem + 0.1852vw, 1rem);       /* 14 → 16 */
	--legal-lh:   clamp(1.25rem, 1.2083rem + 0.1852vw, 1.375rem);    /* 20 → 22 */
	--legal-h2:   clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem);        /* 16 → 20 */
	--legal-h2-lh: clamp(1.5rem, 1.4375rem + 0.2778vw, 1.6875rem);   /* 24 → 27 */

	/*
	 * 🔑 Golul dintre paragrafe NU se scalează.
	 *
	 * Măsurat pe amândouă machetele: 16px la 1440 și 16px la 360. Ce e egal în
	 * amândouă cadrele e o hotărâre, nu o coincidență — iar un `clamp()` pus
	 * din reflex ar fi fost o afirmație pe care macheta o contrazice. → §4bw
	 */
	--legal-gol:  16px;
}

/* --------------------------------------------------- data de sub titlu ----*/

/*
 * Titlul și data, într-o cutie a lor.
 *
 * Antetul e `flex` cu `gap: 24`, care e chiar golul măsurat între firimituri și
 * titlu. Data trebuie mult mai aproape de titlu decât atât, deci intră cu el în
 * aceeași cutie și își ține singură distanța.
 */
.inco-legal__titlu {
	display: flex;
	flex-direction: column;
}

/*
 * 🔴 Data are scara ei, **14 → 20**, nu `--dsp-corp-font` *(14 → 18)*.
 *
 * Prima variantă folosea tokenul, fiindcă „e un text sub titlu, ca introul de
 * pe Contact". Măsurat pe machetă, rândul iese **279px** la 1440; cu 18/500 ies
 * 262. Diferența de 6% e prea mare ca să fie randare, iar înălțimea literelor o
 * confirmă: 15 rânduri de cerneală, adică 20px, nu 18.
 *
 * → **Un rol care seamănă nu e același rol.** Introul de pe Contact e o frază
 * care se citește; asta e o etichetă care se caută din ochi.
 */
.inco-legal__data {
	/*
	 * Golul până la titlu se strânge pe telefon: 12 la 1440, 6 la 360 —
	 * măsurat față de cerneala titlului, care e singurul reper sigur.
	 */
	margin: clamp(0.375rem, 0.25rem + 0.5556vw, 0.75rem) 0 0;
	text-align: center;
	font-size: clamp(0.875rem, 0.75rem + 0.5556vw, 1.25rem);   /* 14 → 20 */
	line-height: 1.4;
	font-weight: 400;
	color: var(--dsp-muted);
}

/* ------------------------------------------------------ coloana de citit --*/

.inco-legal__corp {
	inline-size: var(--legal-col);
	margin-inline: auto;

	font-size: var(--legal-font);
	line-height: var(--legal-lh);
	font-weight: 400;

	/*
	 * 🔴 Textul e `#53798A`, nu bleumarinul paginii — măsurat pixel cu pixel pe
	 * machetă. Bleumarinul rămâne pentru ce e SCOS ÎN FAȚĂ *(`<strong>`)*, iar
	 * asta e chiar rostul: într-o politică, numele firmei și termenii care
	 * obligă trebuie să se vadă din fugă, restul se citește doar la nevoie.
	 */
	color: var(--dsp-muted);
}

/*
 * Primul și ultimul copil nu-și mai adaugă marginea: distanța de sus o dă
 * antetul, iar cea de jos padding-ul paginii. Altfel s-ar aduna două goluri.
 */
.inco-legal__corp > :first-child { margin-block-start: 0; }
.inco-legal__corp > :last-child  { margin-block-end: 0; }

.inco-legal__corp p { margin: 0 0 var(--legal-gol); }

/*
 * Titlurile din text.
 *
 * ⚠️ Nu sunt în machetă — macheta arată „Termeni și condiții", care e o pagină
 * numai din paragrafe. Dar textul îl scrie clientul, iar o politică de
 * confidențialitate serioasă are titluri. Nestilate, ar fi apărut în hainele
 * temei, adică din altă lume. Se scriu o dată, aici.
 */
.inco-legal__corp :is(h2, h3, h4) {
	margin: 24px 0 8px;
	font-size: var(--legal-h2);
	line-height: var(--legal-h2-lh);
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--dsp-ink);
}
.inco-legal__corp :is(h3, h4) {
	font-size: var(--legal-font);
	line-height: var(--legal-lh);
}

/*
 * Listele: textul la 24 de marginea coloanei, iar rândurile LIPITE.
 *
 * Măsurat: în interiorul unei liste pasul e exact cât un rând *(22 la 1440, 20
 * la 360)*, deci `li` n-are margine. Golul de 16 e numai înainte și după listă,
 * la fel ca între paragrafe — deci lista se poartă ca un paragraf, nu ca o
 * secțiune.
 */
.inco-legal__corp :is(ul, ol) {
	margin: 0 0 var(--legal-gol);
	padding-inline-start: 24px;
}
.inco-legal__corp li { margin: 0; }
.inco-legal__corp li > :is(ul, ol) { margin-block: 0; }

/*
 * 🔑 Accentele merg pe bleumarin, nu doar pe gros. Măsurat pe machetă: „SC
 * ANCORA T&I SRL" e `#0A435C`, restul rândului `#53798A`.
 */
.inco-legal__corp :is(strong, b) {
	font-weight: 600;
	color: var(--dsp-ink);
}

/*
 * 🔴 `color` se declară și pe hover, chiar dacă rămâne aceeași.
 *
 * Fără ea, `a:hover` din `reset.css`-ul temei duce textul pe `#333366`.
 * A opta oară aceeași cauză. → §4n
 */
.inco-legal__corp a,
.inco-legal__corp a:visited,
.inco-legal__corp a:hover,
.inco-legal__corp a:focus {
	color: var(--dsp-albastru);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Ce mai poate ieși din editor și n-are voie să strice pagina. */
.inco-legal__corp :is(img, figure img) {
	display: block;
	max-inline-size: 100%;
	block-size: auto;
	border-radius: 12px;
}
.inco-legal__corp figure { margin: var(--legal-gol) 0; }

.inco-legal__corp blockquote {
	margin: var(--legal-gol) 0;
	padding: 12px 16px;
	border-inline-start: 3px solid var(--dsp-line);
	color: var(--dsp-ink);
}
.inco-legal__corp blockquote > :last-child { margin-block-end: 0; }

/*
 * Un tabel de 664 nu încape pe telefon și n-are cum să încapă. Se derulează în
 * cutia lui, ca tabelul comparatorului — pagina nu se lățește.
 */
.inco-legal__corp table {
	display: block;
	max-inline-size: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	margin: 0 0 var(--legal-gol);
}
.inco-legal__corp :is(th, td) {
	padding: 8px 12px;
	border: 1px solid var(--dsp-line);
	text-align: start;
	vertical-align: top;
}
.inco-legal__corp th { font-weight: 600; color: var(--dsp-ink); }

/* ------------------------------------------------------------ jos de tot --*/

/*
 * Newsletterul pe containerul de 1344, cum e în machetă. Fără regula asta ar
 * fi rămas pe lățimea lui `.inco-home`, care e a paginii de start.
 */
.inco-legal__jos .inco-dsp__news.inco-home {
	inline-size: 100%;
	margin-inline: 0;
}

.inco-legal__jos { margin-block-start: var(--dsp-sect-sus); }