/* ============================================================================
mds-design.css · stratul de design nou (validat pe preview-urile statice).
Se incarca DUPA mds-tokens.css si dupa restul shell-ului.
Patru parti, in ordine:
1. paleta — sursa unica de adevar, prefix --mdsx-
2. remaparea tokenilor --mds-* ai shell-ului pe paleta noua
3. punctele hardcodate din shell care nu se pot atinge prin tokeni
4. sistemul de sectiune .mdsx (analiza completa)
FONT: 'Hanken Grotesk' e auto-gazduit, declarat in partea 0 de mai jos.
Cere cele 8 fisiere din assets/fonts/ (hanken-{400,500,600,700}.woff2 si
hanken-ext-{...}.woff2). Fara ele, lantul degradeaza pe Poppins.
Singurele fisiere existente atinse de acest lot: mds-critical.css (doua
valori, ca prima pictare sa nu fie in paleta veche).
============================================================================ */
/* ══════════════ 0 · FONTUL ══════════════
Hanken Grotesk, auto-gazduit. Zero cereri catre Google — aceeasi regula ca
la Poppins din mds-fonts.css, din care e copiata si conventia de nume.
DOUA subseturi per greutate, si NU e optional. Verificat cu fontTools pe
fisierele reale:
a i U+00E2 U+00EE -> subsetul `latin`
a s t U+0103 U+0219 U+021B -> subsetul `latin-ext`
Cu un singur subset, jumatate din diacriticele romanesti ar fi cazut inapoi
pe Poppins, glifa cu glifa, in mijlocul cuvantului.
8 fisiere, 116 KB in total. */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/hanken-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/hanken-ext-400.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/hanken-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/hanken-ext-500.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/hanken-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/hanken-ext-600.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/hanken-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/hanken-ext-700.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* ══════════════ 1 · PALETA ══════════════ */
:root{
--mdsx-bg: #0b0b0d;
--mdsx-ink: #f5f3f0;
--mdsx-ink-2: #9c9a96;
--mdsx-ink-3: #7d7a74; /* ridicat de la #66645f: 3,33:1 → 4,6:1 pe fundal */
--mdsx-ink-4: #66645f; /* ramane doar pentru linii si buline decorative */
--mdsx-line: rgba(255,255,255,.08);
--mdsx-line-2: rgba(255,255,255,.14);
--mdsx-line-3: rgba(255,255,255,.22);
--mdsx-orange: #f06c00; /* ancora de brand */
--mdsx-lime: #b8d94a; /* pozitiv */
--mdsx-cyan: #4fc3d9; /* neutru informational */
--mdsx-violet: #a78bfa; /* incertitudine, scenarii */
--mdsx-pink: #f4739a; /* negativ */
--mdsx-yellow: #f2c14e; /* atentie */
--mdsx-teal: #3fbf9a; /* pozitiv secundar */
--mdsx-h: 'Hanken Grotesk','Poppins',system-ui,sans-serif;
--mdsx-b: 'Hanken Grotesk','Poppins',system-ui,sans-serif;
/* Trebuchet lipseste pe Linux si Android — lantul are nevoie de rezerve reale */
--mdsx-m: 'Trebuchet MS','Lucida Grande','DejaVu Sans','Noto Sans',system-ui,sans-serif;
}
/* ══════════════ 2 · REMAPAREA SHELL-ULUI ══════════════
Sidebar, search, footer, drawer, taburi, badge-uri: 365 de utilizari de
token in CSS-ul existent. Se muta toate din 25 de linii, fara sa atingem
niciun fisier. */
:root{
--mds-bg: var(--mdsx-bg);
--mds-card: #121214;
--mds-card-hover: #17171a;
--mds-selected: #1b1b1e;
--mds-interior: #232327;
--mds-line: var(--mdsx-line);
--mds-line-2: var(--mdsx-line-2);
--mds-line-3: var(--mdsx-line-3);
--mds-tx: var(--mdsx-ink);
--mds-tx-2: var(--mdsx-ink-2);
--mds-tx-3: var(--mdsx-ink-3);
--mds-pos: var(--mdsx-lime);
--mds-warn: var(--mdsx-yellow);
--mds-neg: var(--mdsx-pink);
--mds-data: var(--mdsx-cyan);
--mds-n-fact: var(--mdsx-teal);
--mds-n-tech: var(--mdsx-cyan);
--mds-n-opinion: var(--mdsx-yellow);
--mds-n-proj: var(--mdsx-violet);
--mds-grad-bar: linear-gradient(90deg,var(--mdsx-pink),var(--mdsx-yellow),var(--mdsx-lime));
--mds-sans: var(--mdsx-b);
}
/* ══════════════ 3 · PUNCTELE HARDCODATE DIN SHELL ══════════════
Singurele locuri unde remaparea nu ajunge. Verificate cu grep: 24 de hex-uri
in tot shell-ul, din care 9 sunt gradientul eroului (se pastreaza ca atare)
si 4 sunt #fff peste gradient (raman corecte). */
/* Accentul de brand din logo: portocaliu, nu verdele de date. */
.mds-logo b,
.mds-sn__logo b{ color:var(--mdsx-orange); }
/* Butonul principal: alb cald pe fundal, nu gri rece. */
.mds-btn--primary{ background:var(--mdsx-ink); color:var(--mdsx-bg); }
.mds-btn--primary:hover{ background:#fff; }
/* CTA-ul de investitie ramane VERDE, ca in tema existenta (mds-asset.css:90).
Nu se suprascrie nimic aici — gradientul #2ada49 → #1bc441 si textul inchis
raman exact cum erau. Verdele de date din sectiuni e lime (#b8d94a), deci
cele doua nu se confunda vizual. */
.mds-tag--pro{ background:color-mix(in srgb,var(--mdsx-yellow) 14%,transparent);
border-color:color-mix(in srgb,var(--mdsx-yellow) 30%,transparent); color:var(--mdsx-yellow); }
.mds-tag--free{ border-color:color-mix(in srgb,var(--mdsx-lime) 30%,transparent); }
/* Grupurile din sidebar primesc iconita. Marcajul e in template-asset.php:
iconita se pune ca element SVG inaintea textului, in acelasi div. */
.mds-sn__group{ display:flex; align-items:center; gap:7px; }
.mds-sn__group svg{ width:13px; height:13px; flex:none; opacity:.5; }
/* Titlurile de shell trec pe tracking-ul noii familii (Hanken e mai stransa
decat Poppins la aceleasi valori negative). */
.mds-display,.mds-h1,.mds-h2{ letter-spacing:-.02em; }
.mds-h1-asset,.mds-h3{ letter-spacing:-.012em; }
/* ══════════════ 4 · SISTEMUL DE SECTIUNE .mdsx ══════════════
Portat din analiza-completa.html. Trei diferente fata de preview, toate
necesare ca sa functioneze in interiorul coloanei `.mds-asset__main`:
1. Tokenii scurti (--ink, --lime, --c...) traiesc pe `.mdsx`, nu pe :root —
nu ies afara si nu pot fi poluati de plugin-uri.
2. `body{}` si `*{}` din preview au devenit `.mdsx__in{}` si `.mdsx *{}`.
Fundalul ramane al temei.
3. `@media (min-width:900px)` a devenit `@container mdsx (min-width:900px)`.
Preview-ul masura fereastra; in pagina reala, sidebar-ul ia 260px, deci
la 921px de fereastra coloana are ~613px si grila de capitol (240px +
48px gutiera) ar fi lasat 325px pentru continut. Container query-ul
masoara latimea reala a coloanei.
Poarta pro/contra nu mai foloseste #pc-pro / #pc-con, ci clase pe input —
cu ID-uri, componenta nu putea aparea de doua ori in aceeasi pagina.
============================================================================ */
.mdsx{
container:mdsx / inline-size;
/* anuleaza padding-ul coloanei main, ca benzile sa ajunga la margine */
margin-inline:calc(-1 * var(--mds-6));
--bg:var(--mdsx-bg); --ink:var(--mdsx-ink); --ink-2:var(--mdsx-ink-2);
--ink-3:var(--mdsx-ink-3); --ink-4:var(--mdsx-ink-4); --line:var(--mdsx-line);
--orange:var(--mdsx-orange); --lime:var(--mdsx-lime); --cyan:var(--mdsx-cyan);
--violet:var(--mdsx-violet); --pink:var(--mdsx-pink); --yellow:var(--mdsx-yellow);
--teal:var(--mdsx-teal);
--h:var(--mdsx-h); --b:var(--mdsx-b); --m:var(--mdsx-m);
--vc:var(--orange); /* rescris inline din ratingul companiei */
}
@media (max-width:920px){ .mdsx{ margin-inline:calc(-1 * var(--mds-4)); } }
/* Poarta pro/contra, fara ID-uri */
.mdsx .pc__r--pro:checked ~ .pc__col--pro,
.mdsx .pc__r--con:checked ~ .pc__col--con{ display:block; }
.mdsx *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.mdsx__in{margin:0;background:var(--bg);color:var(--ink);font:400 15.5px/1.6 var(--b);
-webkit-font-smoothing:antialiased;padding-bottom:60px}
.mdsx__in{max-width:520px;margin:0 auto;padding:0 20px}
.mdsx h2{margin:0;font-family:var(--h);font-optical-sizing:auto;letter-spacing:-.015em}
.mdsx .m{font-family:var(--m);font-feature-settings:"tnum";letter-spacing:0}
.mdsx .chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;
background:rgba(184,217,74,.13);color:var(--lime);font:500 11px/1 var(--m);letter-spacing:0}
.mdsx .chip i{width:5px;height:5px;border-radius:50%;background:currentColor;font-style:normal}
.mdsx .ttl{font-size:36px;font-weight:600;line-height:1.1;margin:18px 0 0}
.mdsx .moat{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.mdsx .moat b{padding:6px 12px;border-radius:99px;font:500 12px/1 var(--b);
background:rgba(255,255,255,.05);color:var(--ink-2)}
.mdsx .moat b.k{background:rgba(184,217,74,.14);color:var(--lime)}
.mdsx .band{margin:0 -20px;padding:28px 20px;border-top:1px solid var(--line);position:relative}
.mdsx .band::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:2px;background:var(--c)}
.mdsx .band h3{font-size:23px;font-weight:600;margin:11px 0 0;line-height:1.2}
.mdsx .band p{margin:12px 0 0;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.mdsx .band p b{font-weight:400;font-family:var(--m);font-size:13px;letter-spacing:0;color:var(--ink)}
.mdsx .big{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0 0}
.mdsx .big div{flex:1;min-width:104px}
.mdsx .big b{display:block;font:400 26px/1 var(--m);letter-spacing:0;color:var(--c)}
.mdsx .big span{display:block;margin-top:7px;font-size:12px;line-height:1.4;color:var(--ink-3)}
.mdsx .kv{list-style:none;margin:18px 0 0;padding:0}
.mdsx .kv li{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.mdsx .kv li span{font-size:13.5px;color:var(--ink-2)}
.mdsx .kv li b{margin-left:auto;font:400 15px/1 var(--m);letter-spacing:0;white-space:nowrap}
/* subscoruri */
.mdsx .sb{margin:20px 0 0;display:flex;flex-direction:column;gap:10px}
.mdsx .sb__r{display:flex;align-items:center;gap:11px}
.mdsx .sb__l{width:112px;font-size:12.5px;color:var(--ink-2);flex:none}
.mdsx .sb__t{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.mdsx .sb__t i{display:block;height:100%;width:var(--w);border-radius:99px}
.mdsx .sb__v{font:400 13px/1 var(--m);letter-spacing:0;min-width:24px;text-align:right}
/* duo ROIC/WACC */
.mdsx .duo{margin:20px 0 0;display:flex;flex-direction:column;gap:11px}
.mdsx .duo__r{display:flex;align-items:center;gap:12px}
.mdsx .duo__l{width:66px;font-size:12px;color:var(--ink-3);flex:none}
.mdsx .duo__t{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.mdsx .duo__t i{display:block;height:100%;width:var(--w);border-radius:99px}
.mdsx .duo__v{font:400 14px/1 var(--m);letter-spacing:0;min-width:64px;text-align:right}
/* DuPont */
.mdsx .dp{display:flex;flex-direction:column;gap:0;margin:20px 0 0}
.mdsx .dp__i{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.mdsx .dp__i:first-child{border-top:0}
.mdsx .dp__b{font:400 22px/1 var(--m);letter-spacing:0;min-width:76px}
.mdsx .dp__x{flex:1}
.mdsx .dp__x span{display:block;font-size:13.5px;color:var(--ink)}
.mdsx .dp__x em{display:block;font-style:normal;margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.mdsx .dp__i.is-main .dp__b{color:var(--orange)}
.mdsx .dp__i.is-main .dp__x span::after{content:" \00b7 dominant";color:var(--orange);font-size:11px}
/* cascada */
.mdsx .wf{margin:20px 0 0;display:flex;flex-direction:column;gap:9px}
.mdsx .wf__r{display:grid;grid-template-columns:96px 1fr 74px 46px;align-items:center;gap:10px}
.mdsx .wf__l{font-size:12.5px;color:var(--ink-2)}
.mdsx .wf__t{height:9px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}
.mdsx .wf__t i{display:block;height:100%;width:var(--w);border-radius:99px}
.mdsx .wf__v{font:400 12.5px/1 var(--m);letter-spacing:0;text-align:right}
.mdsx .wf__p{font:400 12px/1 var(--m);letter-spacing:0;text-align:right;color:var(--ink-3)}
.mdsx .wf__fcf{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
/* tabel marje */
.mdsx .tbl{width:100%;border-collapse:collapse;margin:18px 0 0}
.mdsx .tbl th{font:500 10px/1 var(--m);letter-spacing:0;text-transform:uppercase;color:var(--ink-3);
padding:0 0 10px;text-align:right;font-weight:500}
.mdsx .tbl th:first-child,.mdsx .tbl td:first-child{text-align:left}
.mdsx .tbl td{padding:9px 0;border-top:1px solid var(--line);text-align:right;
font:400 13px/1 var(--m);letter-spacing:0;color:var(--ink-2)}
.mdsx .tbl td:first-child{color:var(--ink-3)}
/* self percentile */
.mdsx .sp{margin:20px 0 0;display:flex;flex-direction:column;gap:13px}
.mdsx .sp__r{display:grid;grid-template-columns:118px 1fr 42px;align-items:center;gap:10px}
.mdsx .sp__l{font-size:12.5px;color:var(--ink-2)}
.mdsx .sp__t{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.mdsx .sp__t i{display:block;height:100%;width:var(--w);border-radius:99px}
.mdsx .sp__v{font:400 13px/1 var(--m);letter-spacing:0;text-align:right}
.mdsx .sp__x{grid-column:2/-1;font-size:11px;color:var(--ink-3);margin-top:-6px}
/* beneish */
.mdsx .ben{list-style:none;margin:18px 0 0;padding:0}
.mdsx .ben li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 0;
border-top:1px solid var(--line)}
.mdsx .ben li span{font-size:13px;color:var(--ink-2)}
.mdsx .ben li b{font:400 14px/1 var(--m);letter-spacing:0}
.mdsx .ben li em{grid-column:1/-1;font-style:normal;font-size:11px;color:var(--ink-3)}
.mdsx .ben li.is-over span{color:var(--ink)}
/* peers */
.mdsx .pr{margin:18px 0 0;display:flex;flex-direction:column;gap:9px}
.mdsx .pr__r{display:grid;grid-template-columns:118px 1fr 38px;align-items:center;gap:10px}
.mdsx .pr__l{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdsx .pr__t{height:5px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}
.mdsx .pr__t i{display:block;height:100%;width:var(--w);border-radius:99px}
.mdsx .pr__v{font:400 12.5px/1 var(--m);letter-spacing:0;text-align:right;color:var(--ink-2)}
.mdsx .pr__r.is-self .pr__l{color:var(--ink)}
.mdsx .pr__r.is-self .pr__v{color:var(--lime)}
.mdsx .mo{display:flex;flex-direction:column}
.mdsx .mo>summary{order:2;margin-top:6px}
.mdsx details summary{list-style:none;cursor:pointer;padding:14px 0 0;
font:500 12px/1 var(--m);letter-spacing:0;color:var(--c)}
.mdsx details summary::-webkit-details-marker{display:none}
.mdsx details summary::after{content:" \2193"}
.mdsx details[open] summary::after{content:" \2191"}
.mdsx .end{margin:30px -20px 0;padding:30px 20px;background:linear-gradient(160deg,
rgba(184,217,74,.10),rgba(63,191,154,.06) 60%,transparent);border-top:1px solid var(--line)}
.mdsx .end__h{margin:14px 0 0;font-family:var(--h);font-size:26px;font-weight:600;
line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.mdsx .end__h em{font-style:normal}
.mdsx .end__k{font:500 10px/1 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}
.mdsx .end h2 em{font-style:normal;color:var(--yellow)}
.mdsx .end p{margin:13px 0 0;font-size:15px;line-height:1.65;color:var(--ink-2)}
/* recuperate din varianta C2 */
.mdsx .sig{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:0}
/* buline: verde la pro, roșu la contra */
.mdsx .pc .sig li{padding-left:20px}
.mdsx .pc .sig li::before{content:"";position:absolute;left:0;top:20px;
width:8px;height:8px;border-radius:50%;background:var(--c)}
.mdsx .pc__col--pro .sig li::before{background:var(--lime)}
.mdsx .pc__col--con .sig li::before{background:var(--pink)}
.mdsx .pc .sig li:first-child{border-top:0;padding-top:0}
.mdsx .pc .sig li:first-child::before{top:7px}
.mdsx .sig li{padding:13px 0;border-top:1px solid var(--line);position:relative;
font-size:14px;line-height:1.62;color:var(--ink-2)}
.mdsx .sig b{font-weight:400;font-family:var(--m);font-size:12.5px;letter-spacing:0;color:var(--ink)}
.mdsx .tk{font-family:var(--m);font-size:.92em;letter-spacing:0;color:var(--ink)}
/* verdict compact */
.mdsx .vd__k{display:block;margin-bottom:9px;font-size:11.5px;line-height:1.4;color:var(--ink-3)}
.mdsx .vd{display:flex;align-items:flex-end;gap:15px;margin-top:20px}
.mdsx .vd__s{font:600 58px/.88 var(--m);letter-spacing:0;color:var(--vc)}
.mdsx .vd__s em{font-style:normal;font-size:17px;font-weight:400;color:var(--ink-3)}
.mdsx .vd__r{padding-bottom:7px}
.mdsx .vd__r b{display:block;font-family:var(--h);font-size:22px;font-weight:600;line-height:1}
.mdsx .vd__r span{display:block;margin-top:4px;font:400 11px/1 var(--m);color:var(--ink-3)}
.mdsx .words{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.mdsx .words b{font:600 14.5px/1 var(--h);color:var(--wc);padding:6px 12px;border-radius:99px;background:color-mix(in srgb,var(--wc) 13%,transparent)}
.mdsx .wexp{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-3)}
.mdsx .meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.mdsx .meta b{padding:5px 11px;border-radius:99px;font:500 11.5px/1 var(--b);background:rgba(255,255,255,.05);color:var(--ink-2)}
.mdsx .meta b.k{background:color-mix(in srgb,var(--vc) 16%,transparent);color:var(--vc)}
/* prețul, tratat ca fapt separat de verdict */
.mdsx .px{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:20px 0 0;
padding-bottom:18px;border-bottom:1px solid var(--line)}
.mdsx .px span{flex-basis:100%;margin-left:0}
.mdsx .px b{font:600 32px/1 var(--m);color:var(--ink)}
.mdsx .px u{text-decoration:none;font:500 15px/1 var(--m);color:var(--lime)}
.mdsx .px span{margin-left:auto;font-size:11px;color:var(--ink-3)}
/* navigator pe piloni */
.mdsx .nv{margin-top:10px}
.mdsx .nv__g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px}
.mdsx .nv__i{display:flex;align-items:baseline;gap:7px;text-decoration:none;font-size:11.5px;color:var(--ink-3)}
.mdsx .nv__i:active b{opacity:.6}
.mdsx .nv__i b{margin-left:auto;font:600 14px/1 var(--m)}
/* sparkline piloni */
/* rezumat de 3 randuri */
/* dimensiuni */
.mdsx .dx{display:flex;gap:0;margin:20px -4px 0}
.mdsx .dx__i{flex:1;text-align:center;padding:0 4px;border-left:1px solid var(--line)}
.mdsx .dx__i:first-child{border-left:0}
.mdsx .dx__i b{display:block;font:600 24px/1 var(--m)}
.mdsx .dx__i span{display:block;margin-top:6px;font-size:10.5px;color:var(--ink-3)}
/* tabere */
.mdsx .camp{display:flex;flex-direction:column;gap:18px;margin:18px 0 0}
.mdsx .camp__c>b{display:block;font:500 11px/1 var(--m);text-transform:uppercase;letter-spacing:.04em}
.mdsx .camp__c ul{list-style:none;margin:11px 0 0;padding:0}
.mdsx .camp__c li{padding:11px 0;border-top:1px solid var(--line);position:relative;
font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.mdsx .camp__c.up{color:var(--lime)} .mdsx .camp__c.dn{color:var(--pink)}
.mdsx .pf{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0}
.mdsx .pf__i{flex:1;min-width:120px}
.mdsx .pf__i b{display:block;font:600 25px/1 var(--m)}
.mdsx .pf__i span{display:block;margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--ink-3)}
/* ═══ antet ═══ */
.mdsx .hd{padding:38px 0 26px}
.mdsx .hd__top{margin-top:18px}
.mdsx .kicker{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-family:var(--h);font-size:19px;font-weight:600;line-height:1.25;color:var(--ink-2)}
.mdsx .kicker::before{content:"";width:26px;height:2px;background:var(--vc);flex:none}
.mdsx .ttl{font-size:31px;font-weight:600;line-height:1.12;letter-spacing:-.02em}
.mdsx .hd__p{margin-top:22px}
.mdsx .px{display:flex;align-items:baseline;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.mdsx .px b{font:600 30px/1 var(--m);color:var(--ink)}
.mdsx .px u{text-decoration:none;font:500 15px/1 var(--m);color:var(--lime)}
.mdsx .px span{margin-left:auto;font-size:11px;color:var(--ink-3)}
/* ═══ verdict + rezumat ═══ */
.mdsx .sum{padding-bottom:28px}
.mdsx .sum__t{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.mdsx .sum__t p{margin:0;font-family:var(--h);font-size:19px;font-weight:500;line-height:1.44;color:var(--ink)}
.mdsx .sum__t p b{font-weight:600;font-family:var(--m);color:var(--lime)}
.mdsx .sum__t p u{text-decoration:none;font-weight:600;font-family:var(--m);color:var(--yellow)}
.mdsx .sum__t>span{display:block;margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.mdsx .sum .nv{margin-top:10px}
/* ═══ capitole ═══ */
.mdsx .dek+*{margin-top:13px!important}
.mdsx .pc .sig{margin-top:12px}
.mdsx .pc__h{margin:0 0 2px}
.mdsx .band p.dek,.mdsx .dek{margin:16px 0 0;font-family:var(--h);font-size:17px;font-weight:600;
line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.mdsx .ch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px 12px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.mdsx .ch__t::first-letter{text-transform:uppercase}
.mdsx .ch__t{margin:0;font-family:var(--h);font-size:23px;font-weight:600;
letter-spacing:-.005em;color:var(--c)}
.mdsx .ch__s{margin-left:0;font-size:12px;color:var(--ink-3);white-space:nowrap}
.mdsx .ch__s b{font-family:var(--m);font-weight:500;color:var(--ink-2)}
/* scorurile pe piloni, sub rezumat */
.mdsx .sum__lbl{display:block;margin-top:16px;font:600 10.5px/1 var(--b);letter-spacing:.08em;
text-transform:uppercase;color:var(--ink-3)}
/* ancora către capitolul complet */
.mdsx .more{justify-self:start;width:fit-content;margin-top:18px;font-size:12.5px;font-weight:500;color:var(--c);text-decoration:none}
.mdsx .more:hover,.mdsx .more:active{text-decoration:underline;text-underline-offset:3px}
/* încheiere */
.mdsx .closing{margin-top:14px!important}
.mdsx .nextup{margin-top:18px!important;padding-top:16px;border-top:1px solid var(--line);
font-size:13px!important;line-height:1.6;color:var(--ink-3)!important}
.mdsx .nextup b{font-family:var(--m);font-weight:500;color:var(--ink-2)}
.mdsx .lede{margin:20px 0 0;font-family:var(--h);font-size:16px;line-height:1.6;color:var(--ink-2)}
/* ═══ pro / contra ═══ */
.mdsx .pc{margin-top:20px}
.mdsx .pc__r{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.mdsx .pc__tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}
.mdsx .pc__tab{display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
padding:11px 12px;border-radius:10px;border:1px solid var(--line);
background:rgba(255,255,255,.02);font-size:13px;font-weight:500;color:var(--ink-3);
transition:background .16s,color .16s,border-color .16s}
.mdsx .pc__tab b{font:600 12px/1 var(--m)}
.mdsx .pc__r--pro:checked~.pc__tabs .pc__tab--pro{background:color-mix(in srgb,var(--lime) 14%,transparent);
border-color:transparent;color:var(--lime)}
.mdsx .pc__r--con:checked~.pc__tabs .pc__tab--con{background:color-mix(in srgb,var(--pink) 14%,transparent);
border-color:transparent;color:var(--pink)}
.mdsx .pc__col{display:none}
.mdsx .pc__r--pro:checked~.pc__col--pro,.mdsx .pc__r--con:checked~.pc__col--con{display:block}
.mdsx .pc__h{display:none}
.mdsx .pc__col--pro{--c:var(--lime)}
.mdsx .pc__col--con{--c:var(--pink)}
/* ══════════════════ DESKTOP ══════════════════ */
@container mdsx (min-width:900px){
.mdsx__in{font-size:16px}
.mdsx__in{max-width:1120px;padding:0 40px}
.mdsx .hd{padding:56px 0 30px}
.mdsx .hd__top{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);
gap:0 56px;align-items:start;margin-top:22px}
.mdsx .kicker{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-family:var(--h);font-size:19px;font-weight:600;line-height:1.25;color:var(--ink-2)}
.mdsx .kicker::before{content:"";width:26px;height:2px;background:var(--vc);flex:none}
.mdsx .ttl{font-size:35px;max-width:19ch}
.mdsx .hd__p{margin-top:6px}
.mdsx .px{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:0;border-bottom:0}
.mdsx .px b{font-size:34px}
.mdsx .px span{margin-left:0}
.mdsx .sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
gap:0 56px;padding:30px 0 34px;border-top:1px solid var(--line)}
.mdsx .sum__t{margin:0;padding:0;border:0}
.mdsx .sum__t p{font-size:21px}
.mdsx .sum .nv{margin-top:10px}
.mdsx .vd__s{font-size:66px}
.mdsx .band{margin:0;padding:40px 0;display:grid;
grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:0 48px;align-items:start}
.mdsx .band::before{width:240px;left:0}
.mdsx .ch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px 12px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.mdsx .ch__t{font-size:25px;line-height:1.15}
.mdsx .ch__s{margin-left:0;font-size:12px;color:var(--ink-3);white-space:nowrap}
.mdsx .band>*:not(.ch){grid-column:2}
.mdsx .band p.dek,.mdsx .dek{margin-top:0;font-size:19px}
/* eticheta capitolului ocupă toată coloana stângă și rămâne lipicioasă;
fără asta, subtitlul stă într-un rând la fel de înalt ca ea */
.mdsx .ch{grid-column:1;grid-row:1/span 99;flex-direction:column;align-items:flex-start;
justify-content:flex-start;gap:9px;padding:0;border-bottom:0;
position:sticky;top:30px}
.mdsx .ch__t{font-size:25px;line-height:1.15}
.mdsx .ch__s{margin-left:0;padding-top:9px;border-top:1px solid var(--line);
width:100%;white-space:normal}
.mdsx .band{align-content:start}
.mdsx .dek+*{margin-top:16px!important}
.mdsx .big{gap:34px}.mdsx .big b{font-size:31px}
.mdsx .kv{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.mdsx .kv li{border-top:1px solid var(--line)}
.mdsx .duo__l{width:88px}
.mdsx .dx{max-width:580px}.mdsx .dx__i b{font-size:29px}
/* pro și contra, două coloane — tab-urile nu mai au rost */
.mdsx .pc{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.mdsx .pc__tabs{display:none}
.mdsx .pc__col{display:block!important}
.mdsx .pc__h{display:flex;align-items:baseline;gap:9px;margin:0 0 4px;
font-family:var(--h);font-size:17px;font-weight:600;color:var(--c)}
.mdsx .pc__h span{font-family:var(--b);font-size:11.5px;font-weight:400;color:var(--ink-3)}
.mdsx .pc .sig--long{grid-template-columns:1fr}
.mdsx .camp{flex-direction:row;gap:48px}.mdsx .camp__c{flex:1}
.mdsx .pf{gap:34px}.mdsx .pf__i{min-width:0}.mdsx .pf__i b{font-size:30px}
.mdsx .end{margin:0;padding:48px 40px;border-radius:16px}
.mdsx .end__h{font-size:32px}
}
@container mdsx (min-width:1240px){ .mdsx__in{max-width:1200px} .mdsx .ttl{font-size:38px} }
/* ══════════════ 5 · SUPRASCRIERI FINALE ══════════════
Regulile de aici trebuie sa vina DUPA CSS-ul portat, nu inainte.
`.mdsx__in{margin:0 auto}` din baza si `.mdsx__in{margin-inline:0}` de aici
au aceeasi specificitate (0,1,0); la egalitate castiga regula scrisa ultima.
Prima data am pus-o inainte si sectiunea a ramas centrata pe desktop, cu
~270px de gol intre sidebar si primul capitol. */
@container mdsx (min-width:900px){
/* Aliniata la stanga, ca eroul de deasupra. Pentru centrare: margin:0 auto. */
.mdsx__in{ margin-inline:0; }
/* Umple coloana. 1600px e un plafon, nu o latime: pe un ecran de 1900px
coloana `main` are ~1596px, deci practic se intinde pana la margine, dar
pe un 2560 nu devine o banda absurd de lata. */
.mdsx__in{ max-width:1600px; }
/* Titlul pe doua randuri. 19ch il rupea in patru; 34ch il ducea la trei,
fiindca numele companiei statea singur pe primul rand (era un
in
marcaj).
-ul a disparut, iar 46ch lasa titlul sa curga natural. */
.mdsx .ttl{ max-width:46ch; }
}
@container mdsx (min-width:1240px){ .mdsx__in{ max-width:1600px; } }
/* Proza se intinde pe toata coloana, ca restul continutului. Plafoanele de
masura (90ch / 82ch) au fost scoase la cerere. Daca vreodata randurile par
prea lungi de citit, aici se pun inapoi — un singur bloc. */
/* Blocul de verdict: coloane inegale.
`1fr 1.15fr` era gandit pentru un container de 1120px. La 1600px, coloana
verdictului ajungea la ~717px pentru un continut care are nevoie de ~400,
deci intre scor si text ramanea un gol de 300px. Coloana din stanga primeste
o latime aproape fixa, cea din dreapta ia restul si porneste imediat. */
@container mdsx (min-width:900px){
.mdsx .sum{ grid-template-columns:minmax(0,400px) minmax(0,1fr); gap:0 48px; }
}
/* ══════════════ 6 · EROUL ══════════════
`.mds-ahero__in` are `max-width:900px` in mds-asset.css, deci widgetul
TradingView se oprea la ~1180px. Se suprascrie aici, nu se editeaza fisierul
partajat. 1200px, NU 1600 ca sectiunea: eroul are alta densitate, iar un
widget TradingView intins pe tot ecranul devine o banda goala.
Sterge linia si eroul revine la 900px, valoarea din mds-asset.css. */
.mds-ahero__in{ max-width:1200px; }
/* ══════════════ 7 · TEXTUL INTRODUCTIV, PLIAT ══════════════
Fara JavaScript: un checkbox ascuns comanda starea, `:checked` o schimba.
Doua comportamente diferite, fiindca problema e diferita:
mobil — se taie la ~5 randuri, cu degradeu peste ultimul rand
desktop — se arata primele doua paragrafe, restul apar la apasare
Fara pliere (sub 3 paragrafe) marcajul butonului nici nu se randeaza, deci
regulile de aici nu au pe ce sa se aplice. */
.mdsx .lede-w{ position:relative; }
.mdsx .lede__t{ position:absolute; opacity:0; pointer-events:none; width:0; height:0; }
.mdsx .lede__b{
display:inline-block; margin:10px 0 0; cursor:pointer;
font:600 13.5px/1 var(--b); color:var(--vc);
letter-spacing:.01em; user-select:none;
}
.mdsx .lede__b:hover{ opacity:.8; }
.mdsx .lede__b::after{ content:" \2193"; }
.mdsx .lede__t:checked ~ .lede__b::after{ content:" \2191"; }
.mdsx .lede__less{ display:none; }
.mdsx .lede__t:checked ~ .lede__b .lede__more{ display:none; }
.mdsx .lede__t:checked ~ .lede__b .lede__less{ display:inline; }
/* mobil: taiere pe inaltime */
.mdsx .lede-w.is-fold .lede__c{
max-height:8.6em; overflow:hidden;
-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);
mask-image:linear-gradient(180deg,#000 60%,transparent 100%);
}
.mdsx .lede__t:checked ~ .lede__c{
max-height:none;
-webkit-mask-image:none; mask-image:none;
}
/* desktop: taiere pe paragrafe */
@container mdsx (min-width:900px){
.mdsx .lede-w.is-fold .lede__c{
max-height:none;
-webkit-mask-image:none; mask-image:none;
}
.mdsx .lede-w.is-fold .lede__c .lede:nth-of-type(n+3){ display:none; }
.mdsx .lede__t:checked ~ .lede__c .lede:nth-of-type(n+3){ display:block; }
}
/* ══════════════ 8 · SUMAR DATE FINANCIARE ══════════════
Trei coloane plus recomandarea analistilor.
Marcaj: blocks/analiza-facts.php · logica: inc/sections/analiza.php
Taburile de pe mobil sunt sincronizate de assets/js/mds-facts.js; fara el,
pista ramane scrollabila si `:target` preia starea activa.
SCARA DE MARIMI — cinci trepte, atat:
11px micro etichete uppercase, procente, note
13px text etichete de rand, propozitii
15px cifra valorile din coloane
20px titlu antetele de card
28px verdict singura cifra/eticheta care conduce blocul
Orice marime in afara listei e o scapare, nu o decizie. */
.mdsx .facts{ margin:30px 0 0; padding:18px; background:#121214;
border:1px solid rgba(255,255,255,.07); border-radius:16px; }
.mdsx .facts__top{ padding:0 0 15px; border-bottom:1px solid rgba(255,255,255,.07); }
.mdsx .facts__ttl{ font:600 20px/1.2 var(--h); letter-spacing:-.015em; color:var(--ink); }
.mdsx .rb{ display:inline-flex; align-items:center; gap:7px; flex:none;
padding:4px 10px 4px 8px; border-radius:99px; font:600 11px/1 var(--b);
border:1px solid; white-space:nowrap; }
.mdsx .rb i{ width:6px; height:6px; border-radius:99px; background:currentColor; flex:none; }
.mdsx .rb--ok{ color:var(--lime); border-color:color-mix(in srgb,var(--lime) 32%,transparent); background:color-mix(in srgb,var(--lime) 11%,transparent); }
.mdsx .rb--warn{ color:var(--yellow); border-color:color-mix(in srgb,var(--yellow) 32%,transparent); background:color-mix(in srgb,var(--yellow) 11%,transparent); }
.mdsx .rb--bad{ color:var(--pink); border-color:color-mix(in srgb,var(--pink) 32%,transparent); background:color-mix(in srgb,var(--pink) 11%,transparent); }
.mdsx .facts__tabs{ display:grid; grid-template-columns:repeat(3,1fr); gap:4px;
margin:14px 0 16px; padding:4px; border-radius:11px; background:rgba(255,255,255,.035); }
.mdsx .facts__tab{ padding:8px 6px; border-radius:8px; text-align:center; text-decoration:none;
font:600 13px/1 var(--b); color:var(--ink-3); transition:.15s; }
/* Starea activa vine din JS (`.is-on`). Fara JS, `:target` o preia, iar primul
tab e activ cand nu exista ancora — deci banda ramane citibila oricum. */
.mdsx .facts__tab.is-on,
.mdsx .facts:not(.has-js):not(:has(:target)) .facts__tab:first-child,
.mdsx .facts:not(.has-js):has(#fc1:target) .facts__tab:nth-child(1),
.mdsx .facts:not(.has-js):has(#fc2:target) .facts__tab:nth-child(2),
.mdsx .facts:not(.has-js):has(#fc3:target) .facts__tab:nth-child(3){
background:color-mix(in srgb,var(--tc) 15%,transparent); color:var(--tc); }
.mdsx .facts__track{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
margin:0 -18px; padding:0 18px; gap:36px; scrollbar-width:none; -ms-overflow-style:none; }
.mdsx .facts__track::-webkit-scrollbar{ display:none; }
.mdsx .facts__c{ flex:0 0 100%; scroll-snap-align:center; min-width:0; }
.mdsx .facts__ch{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; min-height:24px; }
.mdsx .facts__h{ display:flex; align-items:center; gap:8px; margin:0;
font:600 11px/1 var(--b); letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
.mdsx .facts__h svg{ width:14px; height:14px; flex:none; color:var(--vc); opacity:.9; }
.mdsx .facts__l{ list-style:none; margin:0; padding:0; }
.mdsx .fx{ position:relative; display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding:10px 0; }
.mdsx .fx + .fx{ border-top:1px solid rgba(255,255,255,.045); }
.mdsx .fx__k{ display:inline-flex; align-items:center; gap:6px; font:400 13px/1.4 var(--b); color:var(--ink-2); }
.mdsx .fx__v{ font:400 15px/1.2 var(--m); letter-spacing:0; color:var(--ink); white-space:nowrap; text-align:right; }
.mdsx .fx__i{ all:unset; cursor:help; width:14px; height:14px; flex:none; border-radius:99px; position:relative;
border:1px solid rgba(255,255,255,.18); color:var(--ink-3); font:600 11px/12px var(--b); text-align:center; transition:.15s; }
.mdsx .fx__i::before{ content:"i"; }
.mdsx .fx__i:hover,.mdsx .fx__i:focus-visible{ border-color:var(--vc); color:var(--vc); }
.mdsx .fx__tip{ position:absolute; left:0; bottom:calc(100% + 9px); z-index:40; width:260px;
padding:12px 14px; border-radius:11px; background:#17171a; border:1px solid rgba(255,255,255,.12);
box-shadow:0 12px 30px rgba(0,0,0,.5); font:400 13px/1.5 var(--b); color:var(--ink-2);
text-align:left; white-space:normal; opacity:0; visibility:hidden; transform:translateY(4px); transition:.16s; }
.mdsx .fx__tip b{ display:block; margin-bottom:5px; font:600 13px/1.3 var(--b); color:var(--ink); }
.mdsx .fx__i:hover .fx__tip,.mdsx .fx__i:focus-visible .fx__tip{ opacity:1; visibility:visible; transform:none; }
@media (max-width:560px){ .mdsx .fx__tip{ left:auto; right:0; width:min(260px,76vw); } }
/* ── recomandarea analistilor ── */
.mdsx .an{ margin-top:22px; padding:20px 18px 16px; border-radius:13px;
background:rgba(255,255,255,.022); border:1px solid rgba(255,255,255,.055); }
.mdsx .an__ttl{ margin:0; font:600 20px/1.2 var(--h); letter-spacing:-.015em; color:var(--ink); }
.mdsx .an__lead{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin-top:12px; }
.mdsx .an__verdict{ font:700 28px/1.05 var(--h); letter-spacing:-.02em; }
.mdsx .an__meta{ font:400 13px/1.4 var(--b); color:var(--ink-2); }
.mdsx .an__meta b{ font:600 13px/1 var(--m); letter-spacing:0; color:var(--ink); }
.mdsx .an__bar{ position:relative; height:6px; margin:20px 3px 0; border-radius:99px;
background:linear-gradient(90deg,var(--pink) 0%,#f2874e 25%,var(--yellow) 50%,var(--teal) 75%,var(--lime) 100%); }
.mdsx .an__dot{ position:absolute; top:50%; width:15px; height:15px; border-radius:99px;
background:#0b0b0d; border:3px solid var(--ink); transform:translate(-50%,-50%); box-shadow:0 2px 10px rgba(0,0,0,.6); }
.mdsx .an__ends{ display:flex; justify-content:space-between; margin-top:9px; font:400 11px/1 var(--b); color:var(--ink-3); }
/* Distributia se citeste din legenda pe randuri. Bara proportionala a fost
scoasa: dubla aceeasi informatie si adauga un al doilea element grafic
langa gradientul cu bulina, care e cel care conteaza. */
.mdsx .an__legend{ list-style:none; margin:12px 0 0; padding:0; }
.mdsx .an__r{ display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:8px; }
.mdsx .an__r.is-on{ background:rgba(255,255,255,.05); }
.mdsx .an__r i{ width:8px; height:8px; border-radius:99px; flex:none; }
.mdsx .an__rl{ flex:1; min-width:0; font:400 13px/1.3 var(--b); color:var(--ink-3); }
.mdsx .an__r.is-on .an__rl{ font-weight:700; color:var(--ink); }
.mdsx .an__rn{ font:600 15px/1 var(--m); letter-spacing:0; color:var(--ink-2); }
.mdsx .an__r.is-on .an__rn{ color:var(--ink); }
.mdsx .an__rp{ width:36px; text-align:right; font:400 11px/1 var(--b); color:var(--ink-3); }
/* Pretul-tinta sta direct in cardul analistilor, nu intr-o cutie separata:
e a doua concluzie a aceluiasi bloc, nu alt subiect. */
.mdsx .an__tgt{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin-top:20px; }
.mdsx .an__tgtk{ flex:1 0 100%; margin-bottom:8px; font:600 11px/1 var(--b);
letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
.mdsx .an__tgtv{ font:600 28px/1 var(--m); letter-spacing:0; color:var(--ink); }
.mdsx .an__tgtd{ font:600 15px/1.2 var(--m); letter-spacing:0; }
.mdsx .an__sep{ height:0; margin:18px 0; border:0; border-top:1px solid rgba(255,255,255,.07); }
/* Nota de divergenta: bloc albastru, fara bordura laterala. Cyan pentru ca in
sistemul de design inseamna „neutru informational" — divergenta nu e nici
buna, nici rea, e un fapt de citit. */
.mdsx .an__note{ display:flex; align-items:flex-start; gap:11px; padding:14px 16px; border-radius:12px;
background:color-mix(in srgb,var(--cyan) 9%,transparent);
border:1px solid color-mix(in srgb,var(--cyan) 20%,transparent); }
.mdsx .an__note svg{ width:17px; height:17px; flex:none; margin-top:1px; color:var(--cyan); }
.mdsx .an__note p{ margin:0; font:400 13px/1.5 var(--b); color:var(--ink-2); }
.mdsx .an__note b{ font-weight:700; color:var(--ink); }
.mdsx .an__src{ margin:13px 0 0; font:400 11px/1.45 var(--b); color:var(--ink-3); }
.mdsx .an__src b{ font-weight:600; color:var(--ink-2); }
@container mdsx (min-width:900px){
.mdsx .facts{ padding:20px 0; }
.mdsx .facts__top{ padding:0 30px 16px; }
.mdsx .facts__tabs{ display:none; }
.mdsx .facts__track{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; margin:0; padding:0; gap:0; }
.mdsx .facts__c{ padding:18px 30px 0; }
.mdsx .facts__c + .facts__c{ border-left:1px solid rgba(255,255,255,.07); }
.mdsx .an{ margin:22px 30px 0; padding:22px 24px 18px; }
.mdsx .an__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 46px; align-items:start; }
.mdsx .an__right{ padding-top:6px; }
.mdsx .an__legend{ margin-top:14px; }
}