/**
 * Cardul Verdict — butoanele care deschid ferestre.   VD-MODAL-1
 *
 * DE CE UN FISIER NOU
 * `assets/css/sections/*.css` se incarca automat (`enqueue.php`, glob), deci o
 * sectiune noua nu atinge niciun CSS partajat. Regula de aur a temei.
 *
 * DE CE FERESTRE SI NU PLIAJE
 * Cardul continea deschis istoricul (8 perioade), track recordul (4 orizonturi x
 * 5 trepte) si dezvaluirea MAR. Pe telefon trecea de trei ecrane, iar sumarul
 * trebuie sa incapa intr-unul si jumatate.
 *
 * TIPARUL E CEL EXISTENT, nu unul nou: `.mds-tvmodal` din `mds-asset.css`
 * (`position:fixed; inset:0; z-index:120; display:none` -> `.is-open{display:flex}`,
 * inchidere pe fundal si pe Escape). Se schimba doar cutia: graficul vrea
 * inaltime fixa, un tabel vrea inaltime dupa continut, cu derulare.
 *
 * ⚠ `is-open` exista deja in tema de noua ori, dar MEREU compus
 *   (`.mds-tvmodal.is-open`, `.mds-drawer.is-open`). `.vmod.is-open` respecta
 *   aceeasi conventie, deci nu se ciocneste cu nimic.
 *
 * ⚠ Prefixul `v`, ca la `.vpf` si `.vduo`: `.mod`, `.btns` si `.sc` ar fi fost
 *   nume prea scurte. Verificat inainte de scriere: zero coliziuni.
 *
 * ⚠ Continutul ferestrelor e in DOM la randare, nu adus prin retea. `track_record`
 *   si `verdict_evolution` sunt in `MDS_Tier::FLOOR` si trebuie sa ramana
 *   indexabile. O fereastra ascunsa prin CSS e citita de motoarele de cautare;
 *   una populata cu JavaScript, nu.
 */

/* ── scara de cinci trepte, in locul cifrei ─────────────────────────────────
   VD-SCARA-1. Cifra a iesit din card. Masurat pe cele 4.656 de companii:

     banda 5   scor  68,2 .. 98,6   n=98
     banda 4         25,9 .. 98,5   n=824
     banda 3          0,4 .. 98,7   n=3054
     banda 2          0,1 .. 55,4   n=643
     banda 1          0,3 .. 25,0   n=37

   Medianele sunt ordonate corect (85,8 / 70,7 / 49,4 / 20,4 / 12,5), deci
   scorul si treapta sunt de acord IN MEDIE. Dar jumatatea din mijloc a benzii 3
   (Q3 61,7) se suprapune cu jumatatea din mijloc a benzii 4 (Q1 61,3), iar
   banda 3 acopera practic toata scala. Pe pagina UNEI companii, o relatie
   statistica afisata ca identitate se citeste ca o contradictie.

   Scara nu poate contrazice eticheta, fiindca E eticheta. Cinci segmente de
   inaltime crescatoare, aprinse pana la treapta curenta — tiparul „putere de
   semnal", care se citeste fara legenda.

   ⚠ Fiecare segment poarta CULOAREA benzii lui, nu `--vc`. Asa scara insasi
     spune ce inseamna treptele: rosu jos, portocaliu la mijloc, verde sus.
     Cele de deasupra treptei curente raman stinse. */
.mdsx .vscal {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	height: 46px;
}
.mdsx .vscal__i {
	width: 13px;
	border-radius: 3px;
	background: var(--bc);
	opacity: .16;
}
.mdsx .vscal__i:nth-child(1) { height: 34%; }
.mdsx .vscal__i:nth-child(2) { height: 50%; }
.mdsx .vscal__i:nth-child(3) { height: 66%; }
.mdsx .vscal__i:nth-child(4) { height: 83%; }
.mdsx .vscal__i:nth-child(5) { height: 100%; }
/* Aprinse pana la treapta curenta, inclusiv. `.is-here` e compus, ca
   `.tr__row.is-here` si `.mds-tvmodal.is-open` — conventia temei. */
.mdsx .vscal__i.is-on   { opacity: .42; }
.mdsx .vscal__i.is-here { opacity: 1; }

@container mdsx (min-width:900px) {
	.mdsx .vscal { height: 54px; gap: 6px; }
	.mdsx .vscal__i { width: 15px; }
}

/* ── spatiul dintre randurile listei ────────────────────────────────────────
   `mds-design.css` are `.vpf li + li { margin-top:3px }`, coborat dintr-o
   versiune in care `.vpf` mostenea `gap:34px` de la `.pf` — clasa care exista
   deja in tema. Corectia a trecut de la prea mult direct la prea putin: cu
   `line-height:1.42` si trei randuri care se pot intinde pe doua linii, la 3px
   nu se mai vede unde se termina unul si incepe altul.
   Zece pixeli: o treime din inaltimea unui rand, destul cat sa separe. */
.mdsx .vpf li + li { margin-top: 10px; }

/* Al treilea rand nu mai are nevoie de separare suplimentara: cu 10px intre
   toate, cei 7px in plus faceau o treapta vizibila fara motiv. */
.mdsx .vpf li:nth-child(3) { margin-top: 10px; }

/* ── butoanele, in coloana `.vh__r` ─────────────────────────────────────────
   ⚠ Pe MOBIL `.vh__r` e `display:contents`, deci `.vbtns` devine copil direct
     al flexului `.vh__top` si are nevoie de `order`. Ordinea temei: vh__h 1,
     vh__sc 2, words 3, vh__t 4, vpf 5, vh__mock 6. Butoanele iau 7, ca sa
     ramana ultimele.
   ⚠ Pe DESKTOP `.vh__r` redevine bloc si le poarta natural sub texte. Cardul
     creste in inaltime, dar `.vh__top` are deja `grid-template-rows:auto auto
     auto 1fr` + `align-content:start`, tocmai ca surplusul sa se adune intr-un
     singur rand gol, nu sa fie impartit peste toate patru. */
.mdsx .vbtns {
	order: 7;
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin-top: 20px;
}

/* Titlul peste meta, iconita in dreapta, peste ambele randuri.
   ⚠ Tiparul e cel din `.ist__r`: `grid-template-columns:1fr auto` cu coloana a
     doua pe `grid-row:1/span 2`. Inainte era flex pe un singur rand, iar pe
     ecran ingust „8 perioade, din august 2023" ramanea lipit in dreapta si
     butonul arata ca doua coloane.
   ⚠ Marimile sunt cele ale butonului de pliere din tema: `.ist__btn-t` 15px/600
     si `.ist__btn-n` 12,5px/var(--ink-4). Nu se inventeaza nimic. */
.mdsx .vmod__t {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 3px 12px;
	align-items: center;
	width: 100%;
	padding: 13px 15px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: none;
	color: inherit;
	font-family: var(--b);
	text-align: left;
	cursor: pointer;
	transition: .15s;
}
.mdsx .vmod__t:hover {
	background: rgba(255, 255, 255, .045);
	border-color: rgba(255, 255, 255, .14);
}
/* Inelul de focus: DOAR pentru tastatura.
   ⚠ `:focus:not(:focus-visible)` stinge explicit inelul dupa un clic. Fara el,
     focusul programatic de la inchiderea ferestrei lasa butonul incercuit, iar
     browserele nu sunt de acord intre ele cand aplica `:focus-visible`. */
.mdsx .vmod__t:focus { outline: none; }
.mdsx .vmod__t:focus-visible {
	outline: 2px solid var(--cyan);
	outline-offset: 2px;
}
.mdsx .vmod__t i {
	grid-column: 1;
	grid-row: 1;
	font-style: normal;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ink);
}
.mdsx .vmod__t span {
	grid-column: 1;
	grid-row: 2;
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--ink-4);
}
.mdsx .vmod__t svg {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	width: 15px;
	height: 15px;
	flex: none;
	color: var(--ink-3);
}

/* ── gradientul cardului, mai amplu ─────────────────────────────────────────
   `mds-design.css` il pusese la 52% inaltime si 13/10/5% opacitate, coborat
   dintr-o versiune de 76% si 22/18/10% care domina cardul. Intre cele doua:
   66% si 18/13/7%. Masca se stinge in aceleasi trei trepte, doar mai jos.
   ⚠ Se rescriu TOATE straturile, nu doar inaltimea: `background` e o
     proprietate compusa, iar o suprascriere partiala ar sterge celelalte
     straturi. Animatia si `background-size/position` raman ale temei. */
.mdsx .cd--vh::before {
	height: 66%;
	background:
		radial-gradient(82% 124% at 8% -18%,
			color-mix(in srgb, var(--vc) 18%, transparent) 0%,
			color-mix(in srgb, var(--vc) 7%, transparent) 44%, transparent 74%),
		radial-gradient(46% 82% at 88% -8%,
			color-mix(in srgb, var(--vc2, var(--vc)) 13%, transparent) 0%, transparent 66%),
		linear-gradient(152deg,
			color-mix(in srgb, var(--vc2, var(--vc)) 7%, transparent) 0%,
			transparent 60%);
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 44%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.18) 88%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 44%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.18) 88%, transparent 100%);
}

/* ── fereastra ── */
.mdsx .vmod {
	position: fixed;
	inset: 0;
	z-index: 120;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, .74);
}
.mdsx .vmod.is-open { display: flex; }
.mdsx .vmod__box {
	/* Primeste focusul la deschidere. `tabindex="-1"` nu produce inel la focus
	   programatic, dar pune focusul INAUNTRU, deci capcana de Tab si cititoarele
	   de ecran functioneaza la fel ca daca am fi focusat butonul X. */
	outline: none;
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(640px, 100%);
	max-height: min(86vh, 780px);
	background: #121214;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	overflow: hidden;
}
.mdsx .vmod__hd {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 17px 16px 14px 20px;
	border-bottom: 1px solid var(--line);
}
.mdsx .vmod__hd .lbl2 { flex: 1; }
.mdsx .vmod__x {
	flex: none;
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 9px;
	background: none;
	color: var(--ink-3);
	cursor: pointer;
}
.mdsx .vmod__x:hover { color: var(--ink); background: rgba(255, 255, 255, .06); }
/* ⚠ Lipsea cu totul, deci butonul primea inelul IMPLICIT al browserului —
     albastru pe Chrome mobil — imediat ce se deschidea fereastra. */
.mdsx .vmod__x:focus { outline: none; }
.mdsx .vmod__x:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.mdsx .vmod__x svg { width: 19px; height: 19px; }
.mdsx .vmod__b {
	padding: 4px 20px 22px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* Inauntrul ferestrei, istoricul e mereu deschis: butonul de pliere n-are rost
   cand continutul E deja intr-o fereastra deschisa la cerere. */
.mdsx .vmod .ist__btn { display: none; }
.mdsx .vmod .ist__w { display: block; padding: 0; border: 0; border-radius: 0; }
.mdsx .vmod .ist__ttl { display: none; }

/* Dezvaluirea MAR: rand de perechi eticheta / valoare. */
.mdsx .vmod__kv {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 4px 16px;
	padding: 11px 0;
	border-top: 1px solid var(--line);
	font-size: 13.5px;
	line-height: 1.5;
}
.mdsx .vmod__kv:first-of-type { border-top: 0; }
.mdsx .vmod__kv dt { color: var(--ink-3); }
.mdsx .vmod__kv dd { margin: 0; text-align: right; color: var(--ink); font-family: var(--m); }

/* ── linia de dezvaluire, sub card ──────────────────────────────────────────
   Inlocuieste al treilea buton. Cerinta MAR nu e o sectiune de continut, deci
   nu merita acelasi rang vizual cu istoricul si track recordul — dar fraza de
   identificare si cea de non-recomandare raman VIZIBILE, iar restul se deschide.
   ⚠ De validat juridic inainte de lansare: `IMBUNATATIRI_si_GOLURI` §9. */
.mdsx .cd--vh .cd__body:has(.vdisc) { padding-top: 15px; padding-bottom: 16px; }
.mdsx .vdisc {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--ink-4);
}
.mdsx .vdisc button {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: var(--ink-3);
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, .14);
	cursor: pointer;
	transition: .15s;
}
.mdsx .vdisc button:hover { color: var(--ink-2); border-bottom-color: rgba(255, 255, 255, .3); }
.mdsx .vdisc button:focus { outline: none; }
.mdsx .vdisc button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }

@container mdsx (min-width:900px) {
	.mdsx .vmod__box { width: min(720px, 100%); }
	.mdsx .cd--vh .cd__body:has(.vdisc) { padding: 15px 40px 18px; }
}

/* ── pictograma unui argument ───────────────────────────────────────────────
   BANCA-ARG-1. Marcheaza categoria de dovada, nu sursa. 25 din 30 de intrari
   din catalog o poarta; argumentele scrise de AI n-o poarta niciodata, fiindca
   promptul interzice emoji.
   ⚠ `vertical-align` mic si `opacity` sub 1: la marimea textului, o pictograma
     colorata plin trage ochiul inaintea propozitiei. */
.mdsx .sig__ico {
	display: inline-block;
	margin-right: 8px;
	font-style: normal;
	font-size: 13.5px;
	line-height: 1;
	vertical-align: 1px;
	opacity: .92;
}

/* ── decalajul de sub antetul lipicios ──────────────────────────────────────
   ANCORA-OFFSET-1.

   PROBLEMA. `.mds-header__in` are `height:62px` si `position:sticky; top:0`
   (`mds-shell.css`). `mds-asset.js:31` face `scrollIntoView({block:'start'})`,
   care aduce tinta la marginea DE SUS a ferestrei — adica exact sub antet.
   Primele randuri ale sectiunii raman acoperite, pe mobil si pe desktop.

   ⚠ NU se repara in JS. `scroll-margin-top` e proprietatea facuta exact pentru
     asta si lucreaza si la navigarea directa cu `#ancora` din bara de adrese,
     si la butonul „inapoi" al browserului — cazuri pe care un `scrollIntoView`
     corectat nu le acopera.

   62px antetul + 16px aer = 78px. Aerul nu e cosmetic: fara el titlul atinge
   marginea antetului si arata ca si cum ar fi taiat.

   ⚠ Pe SELECTORI structurali, nu pe `[id]` generic. `.mdsx [id]` ar fi prins si
     radio-urile ascunse `mds-pc-pro` / `mds-pc-con`: la clic pe tab, focusul
     ajunge pe input, iar browserul deruleaza la elementul focusat — as fi
     introdus o saritura la fiecare comutare intre Pro si Contra.

   ⚠ Selectori, nu o lista de ancore. Planul de navigatie are 50 de intrari
     candidate, majoritatea fara sectiune inca. O lista de id-uri ar trebui
     tinuta in doua locuri si ar diverge la prima sectiune noua. */
.mdsx section[id],
.mdsx .band[id],
.mdsx .cd[id] {
	scroll-margin-top: 78px;
}

/* Sectiunea de analiza incepe cu propriul ei `id`, iar `.cd` are `margin-top`.
   Marginea NU se aduna la `scroll-margin`: sunt masurate din acelasi punct. */
@container mdsx (min-width:900px) {
	.mdsx section[id],
	.mdsx .band[id],
	.mdsx .cd[id] { scroll-margin-top: 82px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   SEC-LOT4 · butoanele pe un rând (desktop) și cardul din margine în margine
   (mobil).

   ⚠ Ambele functioneaza la specificitate EGALA cu tema, fiindca dupa ARH-SEC-3
     `assets/css/sections/*.css` se tipareste DUPA `mds-design.css`. Inainte ar
     fi fost nevoie de o clasa in plus la fiecare regula.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── #5 · BUTOANELE, PE UN RÂND, DOAR PE DESKTOP ────────────────────────────
   `.vbtns` e `flex-direction:column` la orice latime (mai sus, in acest
   fisier). Pe mobil e corect: doua butoane cu titlu si meta nu incap alaturi
   pe 350px. Pe desktop stau in coloana din dreapta (`.vh__r`), care are
   ~400px+ latime — destul pentru doua butoane alaturate, si cardul scade cu un
   rand in inaltime.

   ⚠ `flex:1 1 0` cu `min-width:0`, nu `flex:1`: butoanele contin un
     `grid-template-columns:minmax(0,1fr) auto` cu text lung. Fara `min-width:0`
     un element flex nu coboara sub latimea continutului lui, deci al doilea
     buton ar impinge in afara coloanei in loc sa se stranga.
   ⚠ Pragul e `@container`, nu `@media`: latimea care conteaza e a COLOANEI
     `.mdsx`, nu a ferestrei. Cu sidebarul de 260px, o fereastra de 1000px lasa
     coloanei ~700px. */
@container mdsx (min-width:900px) {
	.mdsx .vbtns {
		flex-direction: row;
		gap: var(--s-3);
	}
	.mdsx .vbtns > * {
		flex: 1 1 0;
		min-width: 0;
	}
}

/* ── #8 · CARDUL DIN MARGINE ÎN MARGINE, DOAR PE MOBIL ──────────────────────
   Acelasi tipar ca `.end` (`mds-design.css:1042`): `margin:30px -20px 0` cu
   `padding:30px 20px`. Cardul iese din paddingul de 20px al lui `.mdsx__in` si
   atinge marginile ecranului.

   ⚠ `-20px` NU se scrie ca numar: e `--s-band-x`, care e 20px pe mobil si 0 pe
     desktop, adica exact paddingul lui `.mdsx__in`. Daca paddingul se schimba
     vreodata, cardul il urmeaza singur.
   ⚠ Bordurile laterale si raza dispar. Un card lipit de marginea ecranului cu
     coltul rotunjit arata rupt, iar bordura verticala pe muchie e o linie
     fara sens. Bordura de sus si de jos RAMAN: ele separa cardul de ce e
     inainte si dupa.
   ⚠ `@media`, nu `@container`: paddingul lui `.mdsx__in` si marja negativa a
     lui `.mdsx` sunt si ele pe `@media (max-width:920px)` in temă. Daca as
     folosi `@container`, la o fereastra de 910px cardul ar iesi cu 20px intr-o
     coloana care nu mai are acel padding, si ar depasi ecranul. */
@media (max-width: 920px) {
	.mdsx .cd--vh {
		margin-inline: calc(-1 * var(--s-band-x));
		border-inline: 0;
		border-radius: 0;
	}
}

/* ── #6 · PE MOBIL, TEXTELE SUB GRAFIC ȘI SUB CUVINTE ───────────────────────
   Ordinea temei pe mobil: fraza(1), graficul(2), cuvintele(3), textul(4),
   pilonii(5), nota(6), butoanele(7).

   Ordinea ceruta: GRAFICUL si CUVINTELE primele, imediat sub antetul cardului;
   abia apoi fraza mare si rezumatul care o explica.

     grafic(1) · cuvinte(2) · fraza(3) · text(4) · piloni(5) · nota(6) · butoane(7)

   ⚠ Marjele urmeaza mutarea, altfel spatierea ramane a vechii ordini:
     `.vh__sc` avea `margin-top:22px` fiindca statea SUB ceva; acum e primul
     element, deci 0 — exact cat avea `.vh__h` cand era el primul.
     `.vh__h` avea `margin:0` fiindca era primul; acum vine dupa cuvinte, deci
     primeste ritmul standard (`--s-ritm`, 22px).

   ⚠ Marja lui `.vh__h` se ANULEAZA pe desktop. Acolo `.vh__h` e primul copil al
     coloanei `.vh__r`, iar 22px deasupra ar impinge tot blocul din dreapta.
     `order` e oricum inert pe desktop: `.vh__sc`, `.words` si `.vh__mock` au
     plasare explicita in grila (mds-design.css:1258-1262), iar cand un element
     are plasare explicita `order` nu-l mai muta. Deci NUMAI marja are nevoie de
     anulare. */
.mdsx .vh__sc { order: 1; margin-top: 0; }
.mdsx .vh__top .words { order: 2; }
.mdsx .vh__h { order: 3; margin-top: var(--s-ritm); }
.mdsx .vh__t { order: 4; }

@container mdsx (min-width:900px) {
	.mdsx .vh__h { margin-top: 0; }
}

/* ══════════════════════════════════════════════════════════════════════════
   SEC-LOT6 · titlul ca `h3`, disclaimerul la marimea notei, si asezarea pe
   mobil a scarii, cuvintelor si celor doua texte.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── #4 · TITLUL E `h3` ─────────────────────────────────────────────────────
   Marcajul a trecut de la `<span class="cd__ttl">` la `<h3 class="cd__ttl">`
   (`analiza-verdict-hero.php`): verdictul e o SECTIUNE, nu un card cu nume.
   Aspectul ramane identic — clasa e aceeasi — dar `h3` vine cu marja implicita
   de browser, care ar impinge antetul. Se anuleaza. */
.mdsx h3.cd__ttl{
	margin: 0;
}

/* ── TITLUL SI SUBTITLUL CARDULUI DE VERDICT ────────────────────────────────
   Verdictul e o SECTIUNE, deci titlul lui se scrie ca titlurile de sectiune:
   `--f-h3`, adica 23px pe mobil si 25px pe desktop — exact ce are „Date cheie”
   in `.ch__t`. Era 20px, marimea unui titlu de card.

   Subtitlul de sub el are acelasi rol ca fraza de sectiune (`.dek`): spune in
   cuvinte simple ce urmeaza. Ia aceeasi marime.

   ⚠ `.vdisc` NU se atinge. In lotul trecut il coborasem la 12px ca sa incapa pe
     scara; era invers — nota de la Date cheie vine la marimea LUI. */
.mdsx .cd--vh .cd__ttl{
	font-size: var(--f-h3);
}
.mdsx .cd--vh .cd__sub{
	font-size: var(--f-corp);
}

/* ── #7 · PE MOBIL: SCARA SI CUVINTELE CENTRATE, SCARA MAI MARE ─────────────
   Scara si cuvintele sunt acum primele doua lucruri din card (SEC-LOT4C). Un
   grafic aliniat la stanga, latit de eticheta „Neutru”, arata ca un rest de
   rand; centrat, devine imaginea verdictului.

   ⚠ `@container mdsx (max-width:899px)` — perechea pragului de 900px folosit de
     temă. Pe desktop scara sta in coloana 1 a grilei si trebuie sa ramana la
     stanga, deci regulile astea NU au voie sa ajunga acolo.
   ⚠ Marimile sunt cele pe care scara le are deja pe DESKTOP (54px inaltime,
     15px latime, 6px gap). Nu sunt valori noi: e aceeasi scara, adusa la
     dimensiunea la care a fost desenata. */
@container mdsx (max-width:899px){
	.mdsx .vh__sc{
		justify-content: center;
	}
	.mdsx .vh__top .words{
		justify-content: center;
	}
	.mdsx .vscal{
		height: 54px;
		gap: 6px;
	}
	.mdsx .vscal__i{
		width: 15px;
	}

	/* Fraza mare coboara la marimea titlului de card: 26px pe un telefon de
	   390px inseamna trei-patru randuri de titlu inainte de orice cifra. */
	.mdsx .vh__h{
		font-size: var(--f-cd-ttl);
	}

	/* Rezumatul ia marimea frazei de sectiune — acelasi rol, aceeasi marime. */
	.mdsx .vh__t p{
		font-size: var(--f-corp);
	}
}