/* ═══════════════════════════════════════════════════════════════════════════
   98-cripto.css - pagina de moneda.                                 LOT 120

   Aproape tot marcajul paginii de moneda e cel al temei: `.xan__*` pentru
   carduri, `.xan__tg` pentru bara de oferta, blocurile de antet si de fapte.
   Aici stau doar cele doua forme care n-au corespondent: lista de legaturi
   oficiale si paragraful care spune de ce lipseste descrierea.

   ⚠ NICIO MARIME DE TEXT NOUA si nicio culoare noua.
   ═══════════════════════════════════════════════════════════════════════════ */

.xan__p{ margin:var(--xv-in) 0 0; font:400 var(--xf-sm)/1.6 var(--xf);
  color:var(--xc-ink); }

/* ⚠ Paragraful care explica lipsa descrierii e scris mai stins decat o
     descriere adevarata: e o nota despre date, nu continut despre moneda. */
.xcr__fara{ color:var(--xc-ink2); }

/* ── legaturile oficiale ──
   ⚠ Chipuri, nu lista cu buline. Prima varianta le lasa ca `<li>` simple si in
     randare nu se vedea deloc ca sunt linkuri: fara culoare, fara subliniere,
     fara nimic. Patru cuvinte aliniate sub o buline arata ca un cuprins, nu ca
     patru lucruri pe care le poti deschide. */
.xcr__lk{ display:flex; flex-wrap:wrap; gap:8px;
  margin:var(--xv-in) 0 0; padding:0; list-style:none; }
.xcr__lk li{ margin:0; }
.xcr__lk a{ display:inline-flex; align-items:center; gap:7px;
  padding:8px 13px; border-radius:999px;
  background:var(--mdsx-line-2); color:var(--xc-ink);
  font:600 var(--xf-sm)/1 var(--xf); letter-spacing:-.008em;
  text-decoration:none; transition:background .15s ease, color .15s ease; }
/* sageata de „se deschide in alta fila", desenata din chenar, fara alt fisier */
.xcr__lk a::after{ content:''; width:7px; height:7px; flex:none;
  border-top:1.5px solid currentColor; border-right:1.5px solid currentColor;
  transform:rotate(45deg) translate(-1px,1px); opacity:.55; }
.xcr__lk a:hover{ color:var(--xc-ac); }
.xcr__lk a:focus-visible{ outline:2px solid var(--cyan); outline-offset:2px; }

/* ── lista „ce trebuie să știi înainte" ───────────────────────── LOT 122 ──
   ⚠⚠ FARA BIFE SI FARA PICTOGRAME. O bifa verde langa „nu intra sub garantia
     depozitelor" ar fi citit ca aprobare, iar un semn de exclamare ar fi facut
     din capitolul asta un avertisment, adica exact ce s-a cerut sa nu fie:
     fapte, nu profil. Ramane un separator, ca la `.xan__kv`, care spune doar
     „urmeaza altul".

   ⚠ Aceeasi reteta ca `.xan__kv li+li` (`20-grup2.css:210`): linia nu e
     `border-top`, ci un fundal de un pixel, fiindca asa se scrie peste tot in
     tema si asa se aliniaza cu restul cardurilor.
   ⚠ Marimile sunt `--xf-sm` si `--xv-out`, tokeni existenti. Niciunul nou. */
.xcr__inainte{ list-style:none; margin:var(--xv-out) 0 0; padding:0; }
.xcr__inainte li{ padding:13px 0;
  font:400 var(--xf-sm)/1.6 var(--xf); color:var(--xc-ink); }
.xcr__inainte li+li{ background:var(--xsep) no-repeat top/100% 1px; }

/* ── reperul de zero de pe bara de corelatie ──────────────────── LOT 122 ──
   ⚠⚠ Bara merge de la -1 la 1, deci umplerea porneste din stanga, care e -1.
     Fara un reper la mijloc, o corelatie de zero deseneaza o bara pe jumatate,
     iar jumatate de bara se citeste „legatura medie" cand inseamna „nicio
     legatura". Linia spune de unde se masoara. Masurat la 1280, 1024, 768 si
     390: ramane pe pozitie, fiindca e in procente, nu in pixeli.
   ⚠ `.xan__tg` e deja `position:relative` (`20-grup2.css`), deci linia nu cere
     niciun context nou de pozitionare. */
.xcr__zero{ position:absolute; left:50%; top:-3px; bottom:-3px; width:1px;
  background:var(--xc-ink3); opacity:.7; }
/* ⚠ Trei etichete, nu doua: `space-between` le lipeste pe cele de la capete de
     margini, iar cea din mijloc se centreaza singura pe latimea ei, nu pe
     bara. Grila de trei coloane egale o aseaza exact sub reper. */
.xcr__tgl3{ display:grid; grid-template-columns:1fr auto 1fr; }
.xcr__tgl3 span:nth-child(2){ text-align:center; }
.xcr__tgl3 span:last-child{ text-align:right; }