/* ============================================================================
   proiectii.css · §9 Proiecții.   SEC-LOT21
   SCARA-STRICTA
   ============================================================================ */

/* ── nota mica sub un rand de metrica ──────────────────────────────────────
   Intervalul sta sub eticheta, nu langa cifra: cifra raspunde la „cat", nota
   la „intre ce limite". Doua intrebari, doua randuri. */
.mdsx .tg__note{
	display:block;
	margin:2px 0 0;
	font-size:var(--f-fin);
	line-height:var(--lh-corp);
	color:var(--ink-3);
}

/* ── sursa cardului ia infatisarea disclaimerului din verdict ──────────────
   `mds-design.css` o da la 11px fara separator. `.vdisc` (verdict.css:281) e
   12,5px, cu linia deasupra — iar cele doua spun acelasi fel de lucru, deci
   arata la fel. */
.mdsx .cd .an__src{
	margin-top:var(--s-5);
	padding-top:var(--s-4);
	border-top:1px solid var(--cd-line);
	font-size:var(--f-nota);
	line-height:var(--lh-corp);
	color:var(--ink-4);
}

/* ── nota de sub scala: fara albastru, nici fundal nici iconita ────────────
   `mds-design.css:688-690` ii da `background:color-mix(in srgb,var(--cyan) 9%)`
   si iconita pe `var(--cyan)` — singurul accent tare din card. Intr-o sectiune
   despre incertitudine, atrage ochiul acolo unde nu trebuie. Trece pe suprafata
   neutra a cardului, cu o bordura subtire care o tine separata de text. */
.mdsx .cd .an__note{
	background:rgba(255,255,255,.035);
	border:1px solid var(--cd-line);
}
.mdsx .cd .an__note svg{
	color:var(--ink-3);
}

/* ── kickerul, fara liniuta ────────────────────────────────────────────────
   `mds-design.css:410` ii pune un `::before` de 26px, accentul de capitol.
   Deasupra cifrei mari devine o a doua linie colorata la trei randuri de banda
   de accent a sectiunii — doua accente care se bat. */
.mdsx .cd .kicker::before{
	display:none;
}
.mdsx .cd .kicker{
	gap:0;
}

/* ── disclaimerul de sub carduri, doua randuri cu iconita ─────────────────── */
.mdsx .band p.pj__d,
.mdsx .pj__d{
	display:flex;
	align-items:flex-start;
	gap:var(--s-3);
	margin:var(--s-3) 0 0;
	/* ⚠ SELECTOR CU TAG. `mds-design.css:471` da `.mdsx .band p{font-size:14.5px}`,
	     specificitate (0,2,1). `.mdsx .pj__d` are (0,2,0), deci PIERDE si marimea
	     de aici n-ar fi ajuns niciodata sa se aplice. `.mdsx .band p.pj__d` are
	     (0,3,1) si castiga.
	   ⚠ `--f-nota` (12,5px) e treapta lui `.vdisc` din verdict. */
	font-family:var(--b);
	font-size:var(--f-nota);
	font-weight:400;
	line-height:var(--lh-corp);
	color:var(--ink-4);
}
/* ⚠ SLOT DE LATIME FIXA. Iconita e primul copil al unui rand flex: daca isi
     schimba latimea, textul de langa se muta. Cu `flex:0 0 22px` coloana ramane
     aceeasi indiferent de desen, deci cele doua randuri incep din acelasi loc.

   ⚠ CULOAREA E IN FISIER, nu aici. Un SVG incarcat prin `<img>` nu mosteneste
     `color` din CSS: `currentColor` dinauntru se rezolva la culoarea proprie a
     documentului SVG, adica negru. Eticheta AI are discul alb si literele
     inchise, emblema UE e alba — ambele scrise in fisier.
   ⚠ Daca vreodata trebuie colorate din CSS, se trece de la `<img>` la SVG
     inline sau la `mask-image` — nu exista alta cale. */
.mdsx .pj__d img{
	flex:0 0 22px;
	width:22px;
	height:22px;
	margin-top:1px;
	/* ⚠ Aproape opac: sunt marci oficiale — eticheta AI si emblema UE — nu
	     ornamente. Stinse prea tare ar arata a decor. */
	opacity:.85;
}
.mdsx .pj__d b{ font-weight:600; color:var(--ink-3); }
.mdsx .pj__d a{ color:var(--ink-3); text-decoration:underline; }


/* ── sursa goala nu lasa separator in urma ─────────────────────────────────
   Blocurile emit `<p class="an__src">` neconditionat. Cand sectiunea nu trimite
   `source`, paragraful ramane gol dar isi pastreaza `border-top` si paddingul —
   adica o linie care nu desparte nimic. */
.mdsx .cd .an__src:empty{
	display:none;
}