/* ============================================================================
   mds-unelte.css · screenerul și comparatorul, construite din piesele paginilor de acțiuni
   ⚠ Fiecare bloc copiază o piesă care există deja în `sectiuni/zz-platforma.css`:
       antetul secțiunii      = `.xa3__t` + `.xa3__lede` (25/30, 15.5/24)
       rețetele, „Pe scurt"   = panoul „Rezumatul analizei" (`.xz3`): bară, legendă, frază, rânduri
       întrebări (comparator) = `.xq3`; tooltipuri = `.xdc__x`; notele mici = `.xa3__src`
   ⚠ La SCREENER se schimbă doar antetul, căutarea și rețetele. Filtrele, tabelul, harta,
     mișcările zilei, „Cum citești" și întrebările rămân cu aspectul din mds-screener.css.
     Jetoanele vechi (--xs-*, --xr-*, --xsep) se suprascriu doar în comparator.
     Nicio mărime de text nouă (12 / 13.5 / 15.5 / 20 / 25 / 34), nicio culoare nouă,
     niciun chenar colorat, nicio etichetă cu majuscule.
   ⚠ Totul sub `.xsc` (pagina) și `.xsc-layer` (stratul fix din <body>). Se încarcă după
     `mds-screener.css` și `mds-comparator.css`, deci le bate la aceeași specificitate.
   ============================================================================ */

.mdsx .xsc.xcm{
  --xs-card:#141416; --xs-inset:#1c1c1f; --xs-track:#242428; --xe-lift:none;
  --xsep:linear-gradient(rgba(255,255,255,.07),rgba(255,255,255,.07));
  --xr-i:20px; --xr-c:20px;
}
.mdsx .xsc, .xsc-layer{
  --e-s1:#141416; --e-s2:#1c1c1f; --e-s3:#242428; --e-s4:#2c2c30;
  --e-ink:#f5f3f0; --e-ink2:#9c9a96; --e-ink3:#7d7a74; --e-ink4:#66645f; --e-hair:rgba(255,255,255,.07);
  --e-lk:#1d9bf0;
}

/* ── antetul paginii: ca la acțiuni (eticheta mică, titlul 34/40, introducerea) ── */
.mdsx .xsc .xgh__k{ display:block; gap:0; margin:0 0 8px; color:var(--e-ink2); font:500 13.5px/20px var(--xf); letter-spacing:0; text-transform:none; }
.mdsx .xsc .xgh__k::before, .mdsx .xsc .xgh::after{ display:none; content:none; }   /* fara linia verde sub antete, pe screener si pe comparator */
.mdsx .xsc .xsc-gh .xsc-h1{ margin:0; color:var(--e-ink); font:700 34px/40px var(--xf); letter-spacing:-.025em; text-wrap:balance; }
.mdsx .xsc .xsc-gh .xgh__l{ max-width:720px; margin:14px 0 0; color:var(--e-ink2); font:400 15.5px/24px var(--xf); }

/* ── antetul fiecărei secțiuni: titlul 25/30 și introducerea dedesubt, ca „Date cheie" ── */
.mdsx .xsc .xsc-sh{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 24px; align-items:end; margin:56px 0 20px; }
.mdsx .xsc .xsc-sh h2{ grid-column:1; margin:0; color:var(--e-ink); font:700 25px/30px var(--xf); letter-spacing:-.02em; text-wrap:balance; }
.mdsx .xsc .xsc-sh > span{ grid-column:1; max-width:680px; color:var(--e-ink2); font:400 15.5px/24px var(--xf); }
.mdsx .xsc .xsc-sh > .xsc-tgl{ grid-column:2; grid-row:1 / span 2; }
.mdsx .xsc.xcm .xcm-sec > .xsc-sh{ margin-top:0; }
.mdsx .xsc.xcm .xgh:not(.xsc-gh){ padding:0; }
.mdsx .xsc.xcm .xgh:not(.xsc-gh) .xgh__t{ margin:0; color:var(--e-ink); font:700 25px/30px var(--xf); letter-spacing:-.02em; text-wrap:balance; }
.mdsx .xsc.xcm .xgh:not(.xsc-gh) .xgh__l{ max-width:680px; margin:6px 0 0; color:var(--e-ink2); font:400 15.5px/24px var(--xf); }
.mdsx .xsc.xcm .xcm-sec, .mdsx .xsc.xcm .xcm-faq{ margin-top:56px; }
.mdsx .xsc.xcm .xsc-note, .mdsx .xsc.xcm .xcm-note2{ margin:12px 0 0; color:var(--e-ink3); font:400 12px/18px var(--xf); }
.mdsx .xsc.xcm .xsc-hint{ color:var(--e-ink3); }

/* ── comutatoarele: pastila de la Date cheie ── */
.mdsx .xsc .xsc-mode{ padding:3px; border-radius:999px; background:var(--e-s1); box-shadow:none; }
.mdsx .xsc .xsc-mode button{ border-radius:999px; color:var(--e-ink2); font-weight:500; }
.mdsx .xsc .xsc-mode button.on{ background:var(--e-ink); color:#0b0b0d; }

/* ── căutarea: un singur câmp; exemplele sunt text, nu pastile ── */
.mdsx .xsc .xsc-search input{ border-radius:999px; background:var(--e-s1); box-shadow:none; }
.mdsx .xsc .xsc-search input:focus{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.mdsx .xsc .xsc-go{ border-radius:999px; }
.mdsx .xsc .xsc-ex{ gap:6px 20px; margin:14px 4px 0; }
.mdsx .xsc .xsc-ex button{ padding:2px 0; border-radius:0; background:none; box-shadow:none; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xsc .xsc-ex button:hover{ color:var(--e-ink); box-shadow:none; }
.mdsx .xsc .xsc-ex button.xsc-ex__r{ color:var(--e-ink); box-shadow:none; }
.mdsx .xsc .xsc-ex__l{ color:var(--e-ink3); font:400 13.5px/20px var(--xf); text-transform:none; letter-spacing:0; }

/* ── rețetele: panoul „Rezumatul analizei", câte un rând pe rețetă ── */
.mdsx .xsc .xsc-rec{ display:grid; grid-template-columns:minmax(0,1fr); gap:0 40px; margin:0; padding:6px 20px; overflow:visible; border-radius:20px; background:var(--e-s1); scroll-snap-type:none; }
.mdsx .xsc .xsc-rec:empty{ min-height:320px; }
.mdsx .xsc .xsc-rc{ display:grid; grid-template-columns:minmax(0,1fr) auto 32px; grid-template-areas:"t n a" "d n a"; align-items:center; gap:2px 16px; min-width:0; margin:0; padding:16px 0; border-radius:0; background:none; box-shadow:none; border-top:1px solid var(--e-hair); color:var(--e-ink); text-decoration:none; transform:none; }
.mdsx .xsc .xsc-rc:first-child{ border-top:0; }
.mdsx .xsc .xsc-rc:hover{ transform:none; }
.mdsx .xsc .xsc-rc b{ grid-area:t; display:block; color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xsc .xsc-rc b i{ display:none; }
.mdsx .xsc .xsc-rc p{ grid-area:d; min-height:0; margin:0; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xsc .xsc-rc em{ grid-area:n; display:flex; flex-direction:column; align-items:flex-end; margin:0; padding:0; border-radius:0; background:none; color:var(--e-ink3); font:400 12px/18px var(--xf); font-style:normal; white-space:nowrap; }
.mdsx .xsc .xsc-rc em strong{ color:var(--e-ink); font:600 20px/26px var(--xf); font-variant-numeric:tabular-nums; }
.mdsx .xsc .xsc-rc::after{ content:""; grid-area:a; width:32px; height:32px; border-radius:50%; background:var(--e-s2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c9a96' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat; }
.mdsx .xsc .xsc-rc:hover::after{ background-color:var(--e-s3); }
.mdsx .xsc .xsc-rc.on b{ color:var(--e-lk); }
.mdsx .xsc .xsc-rc.on::after{ background-color:var(--e-ink); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E"); }
.mdsx .xsc .xsc-rc.on{ box-shadow:none; }

/* ── linkul „Încă N” din comparator: albastru, ca „Vezi toate” de la acțiuni ── */
.mdsx .xsc.xcm .xcm-more{ display:inline-flex; align-items:center; gap:8px; color:var(--e-lk); font:600 15.5px/22px var(--xf); text-decoration:none; }

/* ── întrebările frecvente din comparator: cardul de la acțiuni (`.xq3`) ── */
.mdsx .xsc.xcm .xfq .xfq__gh{ margin:0; }
.mdsx .xsc.xcm .xfq .xfq__c{ margin-top:20px; padding:4px 20px; border-radius:20px; background:var(--e-s1); }
.mdsx .xsc.xcm .xfq .xfq__i{ background:none; border-top:1px solid var(--e-hair); }
.mdsx .xsc.xcm .xfq .xfq__i:first-child{ border-top:0; }
.mdsx .xsc.xcm .xfq .xfq__i > .xfq__q{ padding:16px 0; }
.mdsx .xsc.xcm .xfq .xfq__qt{ color:var(--e-ink); font:600 15.5px/22px var(--xf); letter-spacing:0; }
.mdsx .xsc.xcm .xfq .xfq__a p{ color:var(--e-ink2); font:400 15.5px/24px var(--xf); }

/* ── restul screenerului (filtre, tabel, mișcări, „Cum citești", întrebări) rămâne ca pe site;
      doar mărimile fluide (13,23 / 18,94 / 32,12 px) se fixează pe scara paginilor de acțiuni ── */
.mdsx .xsc:not(.xcm) .xsc-flh h2, .xsc-layer .xsc-flh h2{ font-size:20px; line-height:26px; }
.mdsx .xsc:not(.xcm) .xsc-ft, .xsc-layer .xsc-ft{ font-size:13.5px; line-height:18px; }
.mdsx .xsc:not(.xcm) .xsc-chip, .xsc-layer .xsc-chip, .mdsx .xsc:not(.xcm) .xsc-seg button, .xsc-layer .xsc-seg button, .mdsx .xsc:not(.xcm) .xsc-tgl{ font-size:13.5px; }
.mdsx .xsc:not(.xcm) .xsc-cnt{ font-size:20px; line-height:26px; }
.mdsx .xsc:not(.xcm) #xsc-tb td{ font-size:13.5px; line-height:18px; }
/* capul tabelului: alb, scris normal (fără majuscule), cum a cerut Mihai */
.mdsx .xsc:not(.xcm) .xsc-tw th{ color:var(--e-ink); font-size:13.5px; line-height:18px; letter-spacing:0; text-transform:none; }
.mdsx .xsc:not(.xcm) .xsc-mv .xgh__t, .mdsx .xsc:not(.xcm) .xsc-learn .xgh__t, .mdsx .xsc:not(.xcm) .xsc-faq .xgh__t{ font-size:32px; line-height:38px; }
.mdsx .xsc:not(.xcm) .xsc-mv .xgh__l, .mdsx .xsc:not(.xcm) .xsc-learn .xgh__l{ line-height:24px; }
.mdsx .xsc:not(.xcm) .xsc-mvg a span{ font-size:13.5px; line-height:18px; }
.mdsx .xsc:not(.xcm) .xsc-lc p{ font-size:13.5px; line-height:20px; }
.mdsx .xsc:not(.xcm) .xfq__qt{ font-size:20px; line-height:26px; }
.mdsx .xsc:not(.xcm) .xfq__a p{ line-height:24px; }

/* ── tooltipurile cu „i": ca la Date cheie; se așază sub rândul lor, nu sub „i" (nu ies din ecran pe telefon) ── */
.mdsx .xsc .xsc-tl, .xsc-layer .xsc-tl{ position:static; display:inline; outline:none; cursor:help; }
.mdsx .xsc .xsc-ft, .xsc-layer .xsc-ft, .mdsx .xsc .xsc-sw, .xsc-layer .xsc-sw, .mdsx .xsc.xcm .xcm-r, .mdsx .xsc th{ position:relative; }
.mdsx .xsc .xsc-ti, .xsc-layer .xsc-ti{ display:inline-grid; place-items:center; width:14px; height:14px; margin-left:5px; border-radius:50%; box-shadow:inset 0 0 0 1px currentColor; color:var(--e-ink3); font:600 9px/1 var(--xf); font-style:normal; vertical-align:1px; opacity:.8; }
.mdsx .xsc .xsc-tx, .xsc-layer .xsc-tx{ position:absolute; z-index:30; left:0; top:calc(100% + 6px); width:300px; max-width:calc(100vw - 40px); padding:12px 14px; border-radius:14px; background:#2a2b2f; color:var(--e-ink); font:400 13.5px/20px var(--xf); letter-spacing:0; text-transform:none; text-align:left; white-space:normal; box-shadow:0 12px 30px rgba(0,0,0,.5); opacity:0; visibility:hidden; transform:translateY(4px); transition:opacity .15s, transform .15s; pointer-events:none; }
.mdsx .xsc .xsc-tl:hover .xsc-tx, .mdsx .xsc .xsc-tl:focus .xsc-tx, .xsc-layer .xsc-tl:hover .xsc-tx, .xsc-layer .xsc-tl:focus .xsc-tx{ opacity:1; visibility:visible; transform:none; }
.mdsx .xsc th .xsc-tl .xsc-tx{ width:260px; font-weight:400; }
.mdsx .xsc th:last-child .xsc-tl .xsc-tx, .mdsx .xsc th:nth-last-child(2) .xsc-tl .xsc-tx{ left:auto; right:0; }
.mdsx .xsc th:has(> .xsc-tl){ padding-right:14px; white-space:nowrap; }
.mdsx .xsc th:has(> .xsc-tl) > button{ display:inline-block; width:auto; padding-right:0; }

/* ============================ comparatorul ============================ */

.mdsx .xsc.xcm .xcm-co{ border-radius:20px; background:var(--e-s1); box-shadow:none; }
.mdsx .xsc.xcm .xcm-find .xsc-search input{ background:var(--e-s1); }
.mdsx .xsc.xcm .xcm-card{ padding:28px 32px; border-radius:20px; background:var(--e-s1); box-shadow:none; }
.mdsx .xsc.xcm .xcm-leg{ color:var(--e-ink2); font:500 13.5px/18px var(--xf); }

/* „Pe scurt": panoul „Rezumatul analizei" (bara cu câte capitole câștigă fiecare, fraza, rândurile) */
.mdsx .xsc.xcm .xcm-pz__c{ padding:22px 20px 6px; border-radius:20px; background:var(--e-s1); }
.mdsx .xsc.xcm .xcm-pz__hd{ padding-bottom:18px; border-bottom:1px solid var(--e-hair); }
.mdsx .xsc.xcm .xcm-pz__hd--1{ border-bottom:0; }
.mdsx .xsc.xcm .xcm-pz__k{ margin:0 0 10px; color:var(--e-ink3); font:400 13.5px/18px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__bar{ display:flex; gap:4px; height:10px; }
.mdsx .xsc.xcm .xcm-pz__bar i{ display:block; border-radius:5px; }
.mdsx .xsc.xcm .xcm-pz__lg{ display:flex; flex-wrap:wrap; gap:6px 20px; margin:12px 0 0; padding:0; list-style:none; }
.mdsx .xsc.xcm .xcm-pz__lg li{ display:flex; align-items:baseline; gap:6px; margin:0; padding:0; color:var(--e-ink2); font:500 13.5px/18px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__lg b{ color:var(--c); font:600 20px/26px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__s{ display:grid; gap:10px; margin-top:16px; }
.mdsx .xsc.xcm .xcm-pz__s p{ margin:0; color:var(--e-ink); font:500 15.5px/24px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__s b{ font-weight:600; }
.mdsx .xsc.xcm .xcm-pz__l{ display:grid; grid-template-columns:minmax(0,1fr); gap:0 40px; margin:0; padding:0; list-style:none; }
.mdsx .xsc.xcm .xcm-pz__r{ display:flex; align-items:flex-start; gap:14px; margin:0; padding:16px 0; border-top:1px solid var(--e-hair); background:none; }
.mdsx .xsc.xcm .xcm-pz__r:first-child{ border-top:0; }
.mdsx .xsc.xcm .xcm-pz__ic{ flex:none; display:grid; place-items:center; width:32px; height:32px; overflow:hidden; border-radius:50%; background:color-mix(in srgb,var(--c) 16%,transparent); color:var(--c); }
.mdsx .xsc.xcm .xcm-pz__ic .xcm-lg{ width:20px; height:20px; color:inherit; font:600 13.5px/1 var(--xf); }
.mdsx .xsc.xcm .xcm-pz__tx{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.mdsx .xsc.xcm .xcm-pz__t{ color:var(--e-ink2); font:500 13.5px/18px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__v{ color:var(--e-ink); font:600 20px/26px var(--xf); letter-spacing:-.01em; }
.mdsx .xsc.xcm .xcm-pz__e{ color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xsc.xcm .xcm-warn{ margin:12px 0 0; color:var(--e-ink3); font:400 12px/18px var(--xf); }

/* „Cifră cu cifră": numele grupelor albe, scrise normal, ca titlurile din panouri */
.mdsx .xsc.xcm .xcm-tw{ padding:8px 32px 18px; }
.mdsx .xsc.xcm .xcm-g{ padding:28px 0 10px; color:var(--e-ink); font:600 20px/26px var(--xf); letter-spacing:-.01em; text-transform:none; }
.mdsx .xsc.xcm .xcm-t > .xcm-g:first-child{ padding-top:16px; }
.mdsx .xsc.xcm .xcm-l{ color:var(--e-ink2); font:400 13.5px/18px var(--xf); }
.mdsx .xsc.xcm .xcm-v{ color:var(--e-ink2); font:500 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-v.on > span{ color:var(--e-ink); font-weight:600; }
.mdsx .xsc.xcm .xcm-r{ min-height:48px; }
.mdsx .xsc.xcm .xcm-al li{ color:var(--e-ink); font:400 13.5px/20px var(--xf); }
.mdsx .xsc.xcm .xcm-more{ margin:2px 0 10px; font-size:13.5px; line-height:20px; }

/* comparații populare: o listă pe o suprafață, ca știrile de pe pagina acțiunii */
.mdsx .xsc.xcm .xcm-pop{ display:grid; grid-template-columns:minmax(0,1fr); gap:0 40px; padding:6px 20px; border-radius:20px; background:var(--e-s1); }
.mdsx .xsc.xcm .xcm-pop a{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--e-hair); color:var(--e-ink); font:500 15.5px/22px var(--xf); text-decoration:none; }
.mdsx .xsc.xcm .xcm-pop a:first-child{ border-top:0; }
.mdsx .xsc.xcm .xcm-pop a span{ min-width:0; }
.mdsx .xsc.xcm .xcm-pop svg{ flex:none; width:16px; height:16px; fill:none; stroke:var(--e-ink3); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.mdsx .xsc.xcm .xcm-pop a:hover svg{ stroke:var(--e-ink); }

/* ============================ ecrane mari ============================ */
@container mdsx (min-width:900px){
  .mdsx .xsc .xsc-rec{ grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 32px; }
  .mdsx .xsc .xsc-rc:nth-child(2){ border-top:0; }
  .mdsx .xsc.xcm .xcm-pz__c{ padding:28px 32px 12px; }
  .mdsx .xsc.xcm .xcm-pz__l{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mdsx .xsc.xcm .xcm-pz__r:nth-child(2){ border-top:0; }
  .mdsx .xsc.xcm .xcm-pz__hd{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:4px 56px; align-items:end; }
  .mdsx .xsc.xcm .xcm-pz__hd .xcm-pz__s{ grid-row:1 / span 3; grid-column:2; margin:0; align-self:center; }
  .mdsx .xsc.xcm .xcm-pz__hd--1{ display:block; }
  .mdsx .xsc.xcm .xcm-pz__s p{ font-size:20px; line-height:28px; letter-spacing:-.01em; }
  .mdsx .xsc.xcm .xcm-pop{ grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 32px; }
  .mdsx .xsc.xcm .xcm-pop a:nth-child(2){ border-top:0; }
}

/* ============================ telefon ============================ */
@container mdsx (max-width:899px){
  .mdsx .xsc .xsc-gh .xsc-h1{ font-size:30px; line-height:36px; }
  .mdsx .xsc .xsc-sh{ display:block; margin:48px 0 16px; }
  .mdsx .xsc .xsc-sh h2, .mdsx .xsc.xcm .xgh:not(.xsc-gh) .xgh__t{ font-size:21.5px; line-height:28px; }
  .mdsx .xsc .xsc-sh > span{ display:block; margin-top:6px; }
  .mdsx .xsc .xsc-sh > .xsc-tgl{ margin-top:14px; }
  .mdsx .xsc.xcm .xcm-sec > .xsc-sh{ margin-top:0; }
  .mdsx .xsc.xcm .xcm-sec, .mdsx .xsc.xcm .xcm-faq{ margin-top:48px; }
  .mdsx .xsc .xsc-rec{ margin:0; padding:4px 20px; }
  .mdsx .xsc .xsc-rc{ padding:14px 0; }
  .mdsx .xsc .xsc-ex{ margin:12px -24px 0; padding:0 24px; gap:0 18px; }
  .mdsx .xsc.xcm .xcm-card{ padding:20px; }
  .mdsx .xsc.xcm .xcm-pz__v{ font-size:15.5px; line-height:22px; }
  .mdsx .xsc.xcm .xcm-pz__r{ padding:14px 0; }
}
@container mdsx (max-width:640px){
  .mdsx .xsc:not(.xcm) .xsc-mv .xgh__t, .mdsx .xsc:not(.xcm) .xsc-learn .xgh__t, .mdsx .xsc:not(.xcm) .xsc-faq .xgh__t{ font-size:30px; line-height:36px; }
  .mdsx .xsc:not(.xcm) .xfq__qt{ font-size:15.5px; line-height:22px; }
  .mdsx .xsc.xcm .xcm-tw{ padding:0 20px 10px; border-radius:0; background:none; }
  .mdsx .xsc.xcm .xcm-g{ padding:24px 0 4px; font-size:15.5px; line-height:22px; }
  .mdsx .xsc.xcm .xcm-l{ font-size:12px; color:var(--e-ink3); }
  .mdsx .xsc.xcm .xcm-v{ font-size:13.5px; line-height:20px; }
}

/* ── VS-2: reteta abonatilor, blocata pentru vizitatori (fara numar, cu lacat) ── */
.mdsx .xsc .xsc-rc--lk em strong{ color:var(--e-ink2); font:600 13.5px/20px var(--xf); }
.mdsx .xsc .xsc-rc--lk::after{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c9a96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
.mdsx .xsc button.xsc-rc{ width:100%; border-left:0; border-right:0; border-bottom:0; font:inherit; text-align:left; cursor:pointer; }

/* ── VS-2: „Cat de des s-au adeverit verdictele" (agregate publice, din studiul verdictelor) ── */
.mdsx .xsc .xsc-trk{ margin-top:var(--xsp-grup, 92px); }
.mdsx .xsc .xsc-trk .xgh{ margin-top:0; }
.mdsx .xsc .xsc-trk .xgh__t .xsc-tl{ font-size:13.5px; vertical-align:middle; }
.mdsx .xsc .xsc-trk .xgh__t{ position:relative; }
.mdsx .xsc .xsc-trk__l{ margin:24px 0 0; padding:4px 20px; list-style:none; border-radius:20px; background:var(--e-s1); }
.mdsx .xsc .xsc-trk__r{ display:grid; grid-template-columns:minmax(0,190px) minmax(0,1fr) auto; align-items:center; gap:4px 20px; margin:0; padding:16px 0; border-top:1px solid var(--e-hair); background:none; }
.mdsx .xsc .xsc-trk__r:first-child{ border-top:0; }
.mdsx .xsc .xsc-trk__b{ font:600 15.5px/22px var(--xf); }
.mdsx .xsc .xsc-trk__v{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.mdsx .xsc .xsc-trk__v b{ color:var(--e-ink); font:600 20px/26px var(--xf); letter-spacing:-.01em; font-variant-numeric:tabular-nums; }
.mdsx .xsc .xsc-trk__v small{ color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xsc .xsc-trk__n{ color:var(--e-ink3); font:400 13.5px/20px var(--xf); white-space:nowrap; font-variant-numeric:tabular-nums; }
@container mdsx (max-width:640px){
  .mdsx .xsc .xsc-trk__r{ grid-template-columns:minmax(0,1fr) auto; }
  .mdsx .xsc .xsc-trk__v{ grid-column:1 / -1; grid-row:2; }
  .mdsx .xsc .xsc-trk__v b{ font-size:15.5px; line-height:22px; }
}
@container mdsx (max-width:899px){ .mdsx .xsc .xsc-trk{ margin-top:var(--xsp-grup, 64px); } }

/* ── comparator: primul rand al unui tabel fara linie deasupra (ex. „Evaluare” la Profilul pe 7 factori) ── */
.mdsx .xsc.xcm .xcm-t > .xcm-r:first-child{ background:none; }

/* ── comparator: Profilul pe 7 factori, scorul lipit de bara lui (bara, apoi cifra), in coloana companiei ── */
.mdsx .xsc.xcm .xcm-tw--f .xcm-v{ justify-content:flex-start; gap:12px; }
.mdsx .xsc.xcm .xcm-tw--f .xcm-v > .xcm-fb{ order:1; }
.mdsx .xsc.xcm .xcm-tw--f .xcm-v > span{ order:2; min-width:24px; color:var(--e-ink); font:600 15.5px/22px var(--xf); font-variant-numeric:tabular-nums; }
.mdsx .xsc.xcm .xcm-tw--f .xcm-fb i{ width:120px; height:6px; border-radius:3px; }

/* ── comparator: pozitia fata de sector (bara mica) imediat dupa valoare, nu la capatul coloanei ── */
.mdsx .xsc.xcm .xcm-v:has(> .xcm-sp){ justify-content:flex-start; gap:14px; }

@container mdsx (max-width:640px){
  .mdsx .xsc.xcm .xcm-tw--f .xcm-v{ gap:8px; padding:6px 0 12px; }
  .mdsx .xsc.xcm .xcm-tw--f .xcm-fb i{ width:72px; }
  .mdsx .xsc.xcm .xcm-tw--f .xcm-v > span{ font-size:13.5px; line-height:20px; }
}

/* ── comparator: marimile de pe site (titlurile cardurilor albe, 15.5/600; nimic sub 13.5) ── */
.mdsx .xsc.xcm .xcm-pz__k{ margin:0 0 12px; color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__lg li{ color:var(--e-ink); font:500 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__t{ color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__e{ color:var(--e-ink2); font:400 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-pz__tx{ gap:4px; }
.mdsx .xsc.xcm .xcm-warn, .mdsx .xsc.xcm .xsc-note, .mdsx .xsc.xcm .xcm-note2{ font-size:13.5px; line-height:20px; }
.mdsx .xsc.xcm .xcm-l{ color:var(--e-ink2); font:400 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-al li{ font-size:15.5px; line-height:24px; }
.mdsx .xsc.xcm .xcm-leg{ color:var(--e-ink2); font:500 15.5px/22px var(--xf); }
@container mdsx (max-width:640px){
  .mdsx .xsc.xcm .xcm-l{ font-size:13.5px; line-height:20px; color:var(--e-ink2); }
  .mdsx .xsc.xcm .xcm-v{ font-size:15.5px; line-height:22px; }
  .mdsx .xsc.xcm .xcm-al li{ font-size:13.5px; line-height:20px; }
  .mdsx .xsc.xcm .xcm-pz__e{ font-size:13.5px; line-height:20px; }
  .mdsx .xsc.xcm .xcm-leg{ font-size:13.5px; line-height:20px; }
}
.mdsx .xsc.xcm .xcm-l--hd .xsc-hint{ color:var(--e-ink2); font:500 13.5px/20px var(--xf); }
.mdsx .xsc.xcm .xcm-px{ font:600 15.5px/22px var(--xf); }
.mdsx .xsc.xcm .xcm-px span{ font-size:13.5px; }
.mdsx .xsc.xcm .xcm-add{ font:600 15.5px/22px var(--xf); color:var(--e-ink); }
.mdsx .xsc.xcm .xcm-add small{ color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xsc.xcm .xcm-ch__l{ font:600 13.5px/1 var(--xf); }
.mdsx .xsc.xcm .xcm-lock h2{ color:var(--e-ink); font:700 25px/30px var(--xf); letter-spacing:-.02em; }
.mdsx .xsc.xcm .xcm-lock li{ color:var(--e-ink2); font:400 15.5px/24px var(--xf); }
.mdsx .xsc.xcm .xcm-lock .xsc-btn{ font:600 15.5px/22px var(--xf); }
@container mdsx (max-width:640px){
  .mdsx .xsc.xcm .xcm-px{ font-size:13.5px; line-height:20px; color:var(--e-ink); }
  .mdsx .xsc.xcm .xcm-px span{ font-size:13.5px; }
  .mdsx .xsc.xcm .xcm-lock h2{ font-size:21.5px; line-height:28px; }
}
.mdsx .xsc.xcm .xsc-tgl{ color:var(--e-ink2); font:500 15.5px/22px var(--xf); }