/* ============================================================================
   mds-glosar.css · glosarul bursier și paginile termenilor (lot 33)
   Aceleași jetoane și mărimi ca paginile Acțiuni și Metodologie (`.mdsx .xhb`, mds-hub.css):
   11.5, 13.5/20, 15.5/22, 15.5/24, 20/26, 25/30, 30/36, 34/40 (telefon 21.5/28).
   ============================================================================ */

.mdsx .xgl{ --xgl-y:#ffd400; --xgl-yt:#d9b00f; }
.mdsx .xgl [id]{ scroll-margin-top:72px; }
.mdsx .xgl a{ text-decoration:none; }
.mdsx .xgl-ans{ max-width:760px; }
.mdsx .xhb .xgl-top{ padding-bottom:0; margin-bottom:0; }

/* ── GLOSARUL ───────────────────────────────────────────────────────────── */
.mdsx .xgl-q{ max-width:560px; margin-top:28px; }
.mdsx .xgl-q__f{ display:flex; align-items:center; gap:10px; height:48px; padding:0 16px; border-radius:14px; background:var(--e-s1); color:var(--e-ink3); cursor:text; }
.mdsx .xgl-q__f:focus-within{ box-shadow:0 0 0 2px var(--lk); }
.mdsx .xgl-q__f svg{ flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.mdsx .xgl-q__f input{ flex:1; min-width:0; height:100%; margin:0; padding:0; border:0; outline:0; background:transparent; color:var(--e-ink); font:400 15.5px/22px var(--xf); -webkit-appearance:none; appearance:none; }
.mdsx .xgl-q__f input::placeholder{ color:var(--e-ink3); opacity:1; }
.mdsx .xgl-q__no{ margin:12px 0 0; color:var(--e-ink2); font:400 15.5px/22px var(--xf); }

.mdsx .xgl-az{ position:sticky; top:0; z-index:3; display:flex; flex-wrap:nowrap; gap:2px; margin:28px 0 0; padding:12px 0; background:rgba(11,11,13,.92); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid var(--e-hair); }
.mdsx .xgl-az a, .mdsx .xgl-az span{ display:grid; place-items:center; flex:1 1 0; min-width:26px; height:34px; border-radius:10px; font:600 13.5px/1 var(--xf); }
.mdsx .xgl-az a{ color:var(--e-ink2); }
.mdsx .xgl-az a:hover{ background:var(--e-s2); color:var(--e-ink); }
.mdsx .xgl-az a:focus-visible{ outline:2px solid var(--lk); outline-offset:-2px; }
.mdsx .xgl-az span{ color:var(--e-s3); }

.mdsx .xgl-s{ margin-top:48px; }
.mdsx .xhb .xgl-h2{ margin:0 0 16px; color:var(--e-ink); font:700 25px/30px var(--xf); letter-spacing:-.02em; }
.mdsx .xgl-ch{ display:flex; flex-wrap:wrap; gap:8px; }
.mdsx .xgl-ch a{ padding:9px 14px; border-radius:12px; background:var(--e-s1); color:var(--e-ink); font:500 15.5px/22px var(--xf); transition:background .15s; }
.mdsx .xgl-ch a:hover{ background:var(--e-s2); }

.mdsx .xgl-cats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mdsx .xgl-cat{ display:flex; flex-direction:column; padding:22px 24px 12px; border-radius:20px; background:var(--e-s1); }
.mdsx .xgl-cat:last-child:nth-child(odd){ grid-column:1 / -1; }
.mdsx .xhb .xgl-cat h3{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0; color:var(--e-ink); font:600 20px/26px var(--xf); }
.mdsx .xgl-cat h3 small{ flex:none; color:var(--e-ink3); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-cat > p{ margin:4px 0 8px; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-cat ul{ margin:0; padding:0; list-style:none; }
.mdsx .xgl-cat li a{ display:grid; grid-template-columns:minmax(0,150px) minmax(0,1fr); gap:16px; padding:12px 0; border-top:1px solid var(--e-hair); }
.mdsx .xgl-cat li b{ color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xgl-cat li span{ color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-cat li a:hover b{ color:var(--lk); }
.mdsx .xgl-cat:not(.is-open) li.is-x{ display:none; }
.mdsx .xgl-cat__m{ align-self:flex-start; margin:0; padding:12px 0 8px; border:0; background:none; color:var(--lk); font:600 15.5px/22px var(--xf); cursor:pointer; }
.mdsx .xgl-cat.is-open .xgl-cat__m{ display:none; }

.mdsx .xgl-l{ margin-top:32px; }
.mdsx .xhb .xgl-l h3{ margin:0 0 6px; color:var(--e-ink3); font:700 25px/30px var(--xf); }
.mdsx .xgl-l dl{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; margin:0; }
.mdsx .xgl-l dl > div{ padding:12px 0; border-top:1px solid var(--e-hair); }
.mdsx .xgl-l dt a{ color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xgl-l dt a:hover{ color:var(--lk); }
.mdsx .xgl-l dd{ margin:2px 0 0; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl.is-q .xgl-bd, .mdsx .xgl.is-q .xgl-all > .xgl-h2{ display:none; }
.mdsx .xgl.is-q .xgl-all{ margin-top:24px; }

.mdsx .xgl-note{ max-width:760px; margin:56px 0 0; color:var(--e-ink3); font:400 13.5px/20px var(--xf); }

/* ── UN TERMEN ──────────────────────────────────────────────────────────── */
.mdsx .xgl-g{ display:grid; grid-template-columns:minmax(0,760px) 280px; grid-template-areas:"m sd"; justify-content:start; gap:0 56px; margin-top:48px; }
.mdsx .xgl-m{ grid-area:m; min-width:0; }
.mdsx .xgl-sd{ grid-area:sd; position:sticky; top:24px; align-self:start; }

.mdsx .xgl-ts{ margin-top:48px; }
.mdsx .xgl-ts:first-child{ margin-top:0; }
.mdsx .xhb .xgl-ts > h2{ margin:0 0 14px; color:var(--e-ink); font:700 21.5px/28px var(--xf); letter-spacing:-.015em; text-wrap:balance; }
.mdsx .xgl-ts p{ margin:0 0 12px; color:var(--e-ink2); font:400 15.5px/24px var(--xf); }
.mdsx .xgl-ts p:last-child{ margin-bottom:0; }
.mdsx .xgl-ts p b, .mdsx .xgl-fx dd b{ color:var(--e-ink); font-weight:600; }

/* formula */
.mdsx .xgl-fx{ padding:28px 28px 24px; border-radius:20px; background:var(--e-s1); }
.mdsx .xgl-fx__e{ display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px; color:var(--e-ink); font:600 21.5px/28px var(--xf); letter-spacing:-.01em; }
.mdsx .xgl-fx__eq, .mdsx .xgl-fx__p{ color:var(--e-ink2); }
.mdsx .xgl-fx__fr{ display:inline-flex; flex-direction:column; align-items:center; text-align:center; }
.mdsx .xgl-fx__fr span{ padding:0 6px; }
.mdsx .xgl-fx__fr span:first-child{ padding-bottom:6px; border-bottom:2px solid var(--e-ink); }
.mdsx .xgl-fx__fr span:last-child{ padding-top:6px; }
.mdsx .xgl-fx__r{ min-width:0; overflow-wrap:anywhere; }
.mdsx .xgl-fx__2{ margin:14px 0 0 !important; color:var(--e-ink2); font:500 15.5px/22px var(--xf) !important; }
.mdsx .xgl-fx dl{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 16px; margin:24px 0 0; padding-top:20px; border-top:1px solid var(--e-hair); }
.mdsx .xgl-fx dt{ color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xgl-fx dd{ margin:0; color:var(--e-ink2); font:400 15.5px/22px var(--xf); }

/* indicatorul nostru */
.mdsx .xgl-ours{ margin-top:16px; padding:18px 20px; border-radius:16px; background:rgba(29,155,240,.07); box-shadow:inset 0 0 0 1px rgba(29,155,240,.22); }
.mdsx .xgl-ours b{ display:block; color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.mdsx .xgl-ours p{ margin:4px 0 0; color:var(--e-ink2); font:400 15.5px/24px var(--xf); }
.mdsx .xgl-ours a{ display:inline-flex; align-items:center; gap:6px; margin-top:10px; color:var(--lk); font:600 15.5px/22px var(--xf); }
.mdsx .xgl-ours svg, .mdsx .xgl-back svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }

/* exemplul */
.mdsx .xgl-ex{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.mdsx .xgl-ex > div{ display:flex; flex-direction:column; gap:4px; padding:18px 20px; border-radius:20px; background:var(--e-s1); }
.mdsx .xgl-ex b{ color:var(--e-ink); font:600 25px/30px var(--xf); letter-spacing:-.02em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mdsx .xgl-ex span{ color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-ex > div.is-s b{ font:600 20px/26px var(--xf); }
.mdsx .xgl-ex > div.is-r{ background:linear-gradient(180deg,rgba(29,155,240,.16),rgba(29,155,240,.06)); }
.mdsx .xgl-ex > div.is-r b{ color:var(--lk); }
.mdsx .xgl-ts .xgl-ex__p{ margin-top:16px; }

/* cum citești: bara și zonele (lo = mai mic e mai bine, hi = mai mare, mid = mijlocul, neu = fără „bine”) */
.mdsx .xgl-zn{ display:flex; gap:3px; height:10px; margin:4px 0 12px; }
.mdsx .xgl-zn i{ flex:1; border-radius:99px; }
.mdsx .xgl-zn--lo i:nth-child(1), .mdsx .xgl-zn--hi i:nth-child(3), .mdsx .xgl-zn--mid i:nth-child(2){ background:var(--g5); }
.mdsx .xgl-zn--lo i:nth-child(2), .mdsx .xgl-zn--hi i:nth-child(2), .mdsx .xgl-zn--mid i:nth-child(1), .mdsx .xgl-zn--mid i:nth-child(3){ background:var(--xgl-y); }
.mdsx .xgl-zn--lo i:nth-child(3), .mdsx .xgl-zn--hi i:nth-child(1){ background:var(--g1); }
.mdsx .xgl-zn--neu i:nth-child(1){ background:rgba(29,155,240,.35); }
.mdsx .xgl-zn--neu i:nth-child(2){ background:rgba(29,155,240,.6); }
.mdsx .xgl-zn--neu i:nth-child(3){ background:var(--lk); }
.mdsx .xgl-zl{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mdsx .xgl-zl b{ display:block; color:var(--e-ink); font:600 15.5px/22px var(--xf); font-variant-numeric:tabular-nums; }
.mdsx .xgl-zl span{ display:block; margin-top:2px; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-ts .xgl-zp{ margin-top:18px; }

/* capcanele */
.mdsx .xgl-w{ padding:18px 20px; border-radius:16px; background:var(--e-s1); box-shadow:inset 3px 0 0 var(--xgl-y); }

/* întrebările stau în coloana termenului */
.mdsx .xgl-ts.xfq{ margin-top:56px; }

.mdsx .xgl-m > .xgl-note{ margin-top:48px; }
.mdsx .xgl-back{ margin-top:16px; }

/* „Pe scurt” */
.mdsx .xgl-card{ padding:20px 22px; border-radius:20px; background:var(--e-s1); }
.mdsx .xhb .xgl-card h2{ margin:0 0 6px; color:var(--e-ink3); font:600 13.5px/20px var(--xf); }
.mdsx .xgl-card dl{ margin:0; }
.mdsx .xgl-card dl > div{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--e-hair); }
.mdsx .xgl-card dl > div:first-child{ border-top:0; }
.mdsx .xgl-card dt{ flex:none; max-width:55%; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-card dd{ margin:0; color:var(--e-ink); font:600 13.5px/20px var(--xf); text-align:right; }
.mdsx .xgl-card dl > div.is-m dd{ font-variant-numeric:tabular-nums; }
.mdsx .xgl-card__n{ margin:4px 0 0; color:var(--e-ink3); font:400 11.5px/16px var(--xf); }
.mdsx .xgl-cta{ display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:14px; padding:10px 16px; border-radius:999px; background:var(--e-ink); color:#0b0b0d !important; font:600 15.5px/22px var(--xf); text-align:center; transition:opacity .15s; }
.mdsx .xgl-cta:hover{ opacity:.9; }
.mdsx .xgl-cta2{ display:block; margin-top:10px; color:var(--lk) !important; text-align:center; font:600 13.5px/20px var(--xf); }
.mdsx .xgl-toc{ margin-top:20px; border-left:1px solid var(--e-hair); }
.mdsx .xgl-toc p{ margin:0 0 6px 14px; color:var(--e-ink3); font:600 13.5px/20px var(--xf); }
.mdsx .xgl-toc a{ display:block; margin-left:-1px; padding:6px 0 6px 14px; border-left:1px solid transparent; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.mdsx .xgl-toc a:hover{ color:var(--e-ink); border-left-color:var(--e-ink2); }

/* ── tabletă și telefon ─────────────────────────────────────────────────── */
@media (max-width:1099px){
  .mdsx .xgl-g{ grid-template-columns:minmax(0,1fr); grid-template-areas:"sd" "m"; margin-top:32px; }
  .mdsx .xgl-sd{ position:static; margin-bottom:40px; }
  .mdsx .xgl-toc{ display:none; }
  .mdsx .xgl-l dl{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .mdsx .xgl-az{ flex-wrap:nowrap; overflow-x:auto; margin:20px -16px 0; padding:10px 16px; scrollbar-width:none; overscroll-behavior-x:contain; }
  .mdsx .xgl-az::-webkit-scrollbar{ display:none; }
  .mdsx .xgl-az a, .mdsx .xgl-az span{ flex:none; }
  .mdsx .xhb .xgl-h2{ font:700 21.5px/28px var(--xf); }
  .mdsx .xgl-cats{ grid-template-columns:minmax(0,1fr); }
  .mdsx .xgl-cat{ padding:18px 18px 10px; }
  .mdsx .xgl-cat li a{ grid-template-columns:minmax(0,1fr); gap:2px; }
  .mdsx .xgl-l dl{ grid-template-columns:minmax(0,1fr); }
  .mdsx .xgl-fx{ padding:20px; }
  .mdsx .xgl-fx__e{ font:600 20px/26px var(--xf); }
  .mdsx .xgl-fx dl{ grid-template-columns:minmax(0,1fr); gap:2px; }
  .mdsx .xgl-fx dd{ margin-bottom:10px; }
  .mdsx .xgl-ex{ grid-template-columns:minmax(0,1fr); gap:8px; }
  .mdsx .xgl-ex > div{ flex-direction:row; align-items:baseline; justify-content:space-between; gap:12px; padding:14px 18px; }
  .mdsx .xgl-ex b{ order:2; font:600 21.5px/28px var(--xf); text-align:right; }
  .mdsx .xgl-zl{ grid-template-columns:minmax(0,1fr); gap:10px; }
}