/* [cc 17.10] cont-v2/intrare.css — cum arată intrarea în cont CÂT TIMP omul intră (stările de după apăsare) + trecerea în cont.
   Se încarcă după cont.css + sticla.css, pe login.html ȘI pe cont.html (trecerea dintre ele are nevoie de reguli pe ambele pagini).
   Ce face:
   - butonul principal își schimbă conținutul pe loc (eticheta → rotița „Se verifică” → bifa), stivuite în aceeași celulă: butonul nu-și schimbă mărimea, nimic nu sare;
   - cât se verifică, câmpurile rămân scrise dar se sting și nu se mai pot schimba; Google și linkurile se sting;
   - mesajele (parolă greșită, fără internet, prea multe încercări) se deschid lin deasupra butonului, nu apar dintr-odată;
   - cardul de intrare se strânge în „Bună ziua, Andrei” și apoi se mută în cardul de sus din „Contul meu” (trecere între pagini, View Transitions);
     avatarul zboară din card în antet. Fără suport pentru trecere: cardul se stinge, iar în cont cardul de sus urcă ușor la loc.
   - --ca-k = încetinirea din previzualizare (1 = viteza reală); toate duratele de aici se înmulțesc cu ea.
   - mișcare redusă (prefers-reduced-motion): stările se schimbă pe loc, fără rotiță care se învârte, fără trecere. */

:root{--ca-k:1;--ca-ease:cubic-bezier(.32,.72,0,1);--ca-spring:cubic-bezier(.34,1.56,.64,1)}
.ca-li h1:focus{outline:none}
html.ca-noanim *,html.ca-noanim *::before,html.ca-noanim *::after{transition:none!important}   /* starea de pornire (?s=) apare gata, fără să se deschidă sub ochi */

/* ---------- rotița (ca pe iPhone: 8 spițe, se rotește în 8 pași) ---------- */
.ca-spin{display:inline-block;flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='1' transform='rotate(0 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.86' transform='rotate(-45 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.72' transform='rotate(-90 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.6' transform='rotate(-135 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.49' transform='rotate(-180 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.39' transform='rotate(-225 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.31' transform='rotate(-270 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.24' transform='rotate(-315 12 12)'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='1' transform='rotate(0 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.86' transform='rotate(-45 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.72' transform='rotate(-90 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.6' transform='rotate(-135 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.49' transform='rotate(-180 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.39' transform='rotate(-225 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.31' transform='rotate(-270 12 12)'/%3E%3Cpath d='M12 2.6v4.3' stroke-opacity='0.24' transform='rotate(-315 12 12)'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:ca-spin calc(var(--ca-k)*.8s) steps(8) infinite}
@keyframes ca-spin{to{transform:rotate(360deg)}}

/* ---------- butonul care se transformă (eticheta · „Se verifică” · bifa), în aceeași celulă ---------- */
.ca-go{display:grid;grid-template-areas:"x";place-items:center}
.ca-go>*{grid-area:x;transition:opacity calc(var(--ca-k)*160ms) ease,transform calc(var(--ca-k)*240ms) var(--ca-ease)}
.ca-go-w{display:inline-flex;align-items:center;gap:10px;opacity:0;transform:scale(.94)}
.ca-go-w .ca-spin{animation-play-state:paused}
.ca-go-ok{width:22px;height:22px;opacity:0;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ca-go-ok path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset calc(var(--ca-k)*300ms) var(--ca-ease) calc(var(--ca-k)*80ms)}
.ca-go[data-st=busy],.ca-go[data-st=ok]{cursor:default}
.ca-go[data-st=busy]:hover,.ca-go[data-st=ok]:hover{background:var(--fill)}             /* cât lucrează, butonul nu mai răspunde la mouse */
.ca-go[data-st=busy] .ca-go-l,.ca-go[data-st=ok] .ca-go-l{opacity:0;transform:scale(.94)}
.ca-go[data-st=busy] .ca-go-w{opacity:1;transform:none}
.ca-go[data-st=busy] .ca-go-w .ca-spin{animation-play-state:running}
.ca-go[data-st=ok] .ca-go-w{opacity:0;transform:scale(.8)}
.ca-go[data-st=ok] .ca-go-ok{opacity:1}
.ca-go[data-st=ok] .ca-go-ok path{stroke-dashoffset:0}
.ca-go.is-press{transform:scale(.96);transition-duration:calc(var(--ca-k)*80ms)}       /* apăsarea din „Redați” (degetul simulat) */
/* prea multe încercări: butonul așteaptă, cu cronometrul în el. [cc 17.10 revizie] Nu mai e stins cu opacitate (cronometrul avea 2,95:1 pe închis):
   capsulă goală cu margine fină + lacăt, textul în --ink2 (≥ 4,5:1 în ambele teme) — se vede „blocat”, dar se citește când puteți încerca din nou */
.ca-go[data-st=wait],.ca-go[data-st=wait]:hover{background:transparent;color:var(--ink2);box-shadow:inset 0 0 0 1px var(--gl-in-bd);cursor:not-allowed}
.ca-go[data-st=wait]:active{transform:none}
.ca-go[data-st=wait] .ca-go-l::before{content:"";display:inline-block;vertical-align:-2px;margin-right:8px;width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.8'/%3E%3Cpath d='M5.2 7V5.2a2.8 2.8 0 0 1 5.6 0V7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.8'/%3E%3Cpath d='M5.2 7V5.2a2.8 2.8 0 0 1 5.6 0V7'/%3E%3C/svg%3E") center/contain no-repeat}
.ca-go-l .num{font-variant-numeric:tabular-nums}

/* ---------- Google: G-ul devine rotiță, eticheta „Vă trimitem la Google” (aceeași celulă) ---------- */
.ca-g{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:13px}
.ca-g-i,.ca-g-t{display:grid;grid-template-areas:"x";place-items:center}
.ca-g-i>*,.ca-g-t>*{grid-area:x;transition:opacity calc(var(--ca-k)*160ms) ease,transform calc(var(--ca-k)*240ms) var(--ca-ease)}
.ca-g-t{justify-items:start}
.ca-g-i .ca-spin,.ca-g-t>span+span{opacity:0;transform:scale(.9)}
.ca-g-i .ca-spin{animation-play-state:paused}
.ca-g.is-busy .ca-g-i svg,.ca-g.is-busy .ca-g-t>span:first-child{opacity:0;transform:scale(.9)}
.ca-g.is-busy .ca-g-i .ca-spin,.ca-g.is-busy .ca-g-t>span+span{opacity:1;transform:none}
.ca-g.is-busy .ca-g-i .ca-spin{animation-play-state:running}
.ca-g.is-busy{cursor:default}

/* ---------- cât se verifică: ce e scris rămâne, dar stins și blocat; restul cardului se stinge ---------- */
/* [cc 17.10 revizie] .ca-rv NU mai e în lista asta: regula de aici (mai specifică) îi înlocuia tranziția rândurilor grilei și mesajele apăreau dintr-odată (butonul sărea 65 px într-un cadru) */
.ca-li .ca-in,.ca-li .ca-g,.ca-li .ca-or,.ca-li .ca-lbl .ca-q,.ca-li .ca-eye,.ca-li .ca-li-alt>*,.ca-li .ca-li-ft,.ca-li .ca-li-msg{
  transition:opacity calc(var(--ca-k)*200ms) ease,border-color .15s ease,box-shadow .15s ease}
.ca-li[aria-busy=true]:not(.is-g) .ca-in{opacity:.55}
.ca-li[aria-busy=true] .ca-in[readonly]{background:var(--gl-fill);border-style:solid;color:var(--ink)}
.ca-li[aria-busy=true] :is(.ca-g:not(.is-busy),.ca-or,.ca-lbl .ca-q,.ca-eye,.ca-li-alt>.ca-q,.ca-li-ft,.ca-li-msg,.ca-rv){opacity:.4}
.ca-li[aria-busy=true] .ca-g.is-busy~*{opacity:.4}
.ca-li[aria-busy=true] :is(.ca-g:not(.is-busy),.ca-lbl .ca-q,.ca-eye,.ca-li-alt>.ca-q,.ca-li-ft){pointer-events:none}

/* ---------- mesajele de deasupra butonului: se deschid lin (rândurile grilei 0fr → 1fr), fără salt ---------- */
.ca-li-go{display:grid}
.ca-rv{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;
  transition:grid-template-rows calc(var(--ca-k)*300ms) var(--ca-ease),opacity calc(var(--ca-k)*220ms) ease,visibility 0s linear calc(var(--ca-k)*300ms)}
.ca-rv>.ca-rv-in{min-height:0;overflow:hidden}
.ca-rv.is-on{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.ca-rv.is-done>.ca-rv-in{overflow:visible}
.ca-rv-in>*{margin-bottom:21px}
[data-v=trimis] .ca-rv-in>*{margin-bottom:8px}
/* [cc 17.10 revizie] mesajele de sus (Google n-a mers, Ați ieșit din cont) stau în același fel de cutie: se deschid lin sub titlu, nu împing cardul dintr-odată */
.ca-rv--top .ca-rv-in>*{margin-bottom:0}

/* mesajele care nu sunt vina omului (internetul, siguranța): culoarea de avertisment, nu roșu */
.ca-note{display:flex;gap:8px;align-items:flex-start;font:400 15px/22px var(--ws);color:var(--ink2)}
.ca-note>span{min-width:0}
.ca-note b{font-weight:500;color:var(--ink)}
.ca-note::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;background:var(--ca-warn)}
.ca-note--net::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M1.2 6.2a10 10 0 0 1 3-1.9M7 4a10 10 0 0 1 7.8 2.2'/%3E%3Cpath d='M3.6 8.7a6.4 6.4 0 0 1 2.6-1.5M9.6 7.4a6.4 6.4 0 0 1 2.8 1.3'/%3E%3Cpath d='M6.1 11.1a2.9 2.9 0 0 1 3.8 0'/%3E%3Cpath d='M8 13.4v.1' stroke-width='1.9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M1.2 6.2a10 10 0 0 1 3-1.9M7 4a10 10 0 0 1 7.8 2.2'/%3E%3Cpath d='M3.6 8.7a6.4 6.4 0 0 1 2.6-1.5M9.6 7.4a6.4 6.4 0 0 1 2.8 1.3'/%3E%3Cpath d='M6.1 11.1a2.9 2.9 0 0 1 3.8 0'/%3E%3Cpath d='M8 13.4v.1' stroke-width='1.9'/%3E%3C/svg%3E") center/contain no-repeat}
.ca-note--lock::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.8'/%3E%3Cpath d='M5.2 7V5.2a2.8 2.8 0 0 1 5.6 0V7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.8'/%3E%3Cpath d='M5.2 7V5.2a2.8 2.8 0 0 1 5.6 0V7'/%3E%3C/svg%3E") center/contain no-repeat}

/* sugestia pentru greșeli de tastare în adresă (gmial.com → gmail.com): un rând liniștit, cu adresa bună de apăsat */
/* [cc 17.10 revizie 2] margin-bottom 9 px: sugestia (12 px de apăsat sub rând) și „Ați uitat parola?” (17 px deasupra) au nevoie de 29 px între ele, golul era 21; fără el, unde stau unul sub altul, își mâncau 8 px. Se vede doar cât e sugestia deschisă. */
.ca-sug{margin-bottom:9px;font:400 14px/20px var(--ws);color:var(--ink2)}
.ca-sug .ca-il{display:inline-block;max-width:100%;padding:12px 0;margin:-12px 0;overflow-wrap:anywhere;text-align:left;font-weight:500;color:var(--ink)}   /* 44 px de apăsat, rândul nu crește */

/* [cc 17.10 revizie] linkurile din textul mic al cardului („Alegeți un pachet”, „scrieți-ne”): 44 px de apăsat pe telefon, fără să mute rândurile */
/* [cc 17.10 revizie 2] position + z-index: rândul de dedesubt (doar text) se desena peste ultimii 7 px ai linkului și acolo apăsarea nu mergea; acum tot dreptunghiul de 44 px răspunde */
.ca-li .ca-small a{display:inline-block;position:relative;z-index:1;padding:12px 0;margin:-12px 0}

/* ---------- sub buton: „Fără parolă…” sau, când serverul întârzie, „Durează mai mult…” (același loc, aceeași înălțime) ---------- */
.ca-li-alt{display:grid;grid-template-areas:"x";justify-content:normal;place-items:center}
.ca-li-alt>*{grid-area:x}
.ca-li-slow{display:flex;align-items:center;min-height:44px;opacity:0;visibility:hidden;text-align:center}
.ca-li.is-slow .ca-li-slow{opacity:1;visibility:visible}
.ca-li.is-slow .ca-li-alt>.ca-q{opacity:0;visibility:hidden}
/* prea multe încercări: linkul pe email devine a doua cale, ca buton (singura cale de intrare în cele 5 minute) */
.ca-li.is-blocat .ca-li-alt{place-items:stretch}
.ca-li.is-blocat #li-pass{opacity:.55;border-style:solid;background:var(--gl-fill)}
.ca-li.is-blocat .ca-li-alt>.ca-q{width:100%;min-height:50px;justify-content:center;border-radius:999px;background:var(--gl-fill);color:var(--ink);text-decoration:none}
.ca-li.is-blocat .ca-li-alt>.ca-q:hover{background:color-mix(in srgb,var(--ink) 14%,transparent)}

/* ---------- „Bună ziua, Andrei”: avatarul (zboară apoi în antet), firma, „Se deschide contul” ---------- */
.ca-li-av{display:grid;place-items:center;width:56px;height:56px;margin-bottom:21px;border-radius:50%;background:var(--fill);color:var(--fill-ink);font:600 24px/1 var(--ws)}
:root:not([data-theme=light]) .ca-li-av{background:color-mix(in srgb,var(--ink) 16%,transparent);color:var(--ink)}
.ca-li-wait{display:flex;align-items:center;gap:8px;margin-top:21px;font:400 14px/20px var(--ws);color:var(--mute)}
.ca-li-wait .ca-spin{width:14px;height:14px}
.ca-li-ic{display:grid;place-items:center;width:56px;height:56px;margin-bottom:21px;border-radius:50%;background:var(--gl-fill);color:var(--ink)}

/* ---------- „Trimiteți din nou în 0:27”: lățime fixă, ca „Folosiți alt email” să nu sară când se termină numărătoarea ---------- */
.ca-again{min-width:12.6em}
.ca-again[aria-disabled=true]{color:var(--mute);text-decoration-color:transparent;cursor:default}
.ca-again .ca-spin{display:none;width:14px;height:14px}
.ca-again.is-busy .ca-spin{display:inline-block}
.ca-again .num{font-variant-numeric:tabular-nums}

/* ---------- trecerea în cont (între pagini): un singur card de sticlă care își schimbă mărimea; conținutul se schimbă în el ---------- */
@view-transition{navigation:auto}
::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:calc(var(--ca-k,1)*300ms)}   /* restul paginii se liniștește înaintea cardului */
::view-transition-group(ca-card){animation-duration:calc(var(--ca-k,1)*560ms);animation-timing-function:var(--ca-ease,ease);
  box-sizing:border-box;border-radius:28px;background:var(--gl-bg);border:.5px solid var(--gl-bd);box-shadow:var(--gl-hi),var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
::view-transition-image-pair(ca-card){overflow:hidden;border-radius:28px}
::view-transition-old(ca-card),::view-transition-new(ca-card){width:100%;height:100%;object-fit:none;object-position:0 0}
::view-transition-old(ca-card){animation:ca-vt-out calc(var(--ca-k,1)*200ms) ease both}
::view-transition-new(ca-card){animation:ca-vt-in calc(var(--ca-k,1)*340ms) ease calc(var(--ca-k,1)*160ms) both}
::view-transition-group(ca-av){animation-duration:calc(var(--ca-k,1)*620ms);animation-timing-function:var(--ca-ease,ease)}
::view-transition-group(ca-acct){animation-duration:calc(var(--ca-k,1)*480ms);animation-timing-function:var(--ca-ease,ease)}
/* la plecare, subsolul intrării nu intră în captură: în cont se vede doar cardul care se mută, nu două subsoluri suprapuse */
html.ca-vt body.ca-login .ft,html.ca-vt body.ca-login .ca-pv{visibility:hidden}
@keyframes ca-vt-out{to{opacity:0}}
@keyframes ca-vt-in{from{opacity:0}}
@media (max-width:760px){::view-transition-group(ca-card),::view-transition-image-pair(ca-card){border-radius:24px}}
/* în timpul trecerii, cardurile nu-și mai desenează singure sticla (o desenează grupul de mai sus), ca să nu apară „card în card” */
html.ca-vt .ca-li,html.ca-vt .ca-st{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* fără suport pentru trecere: cardul de sus din cont urcă ușor la loc */
html.ca-sosire .ca-st{animation:ca-arrive calc(var(--ca-k)*480ms) var(--ca-ease) both}
@keyframes ca-arrive{from{opacity:0;transform:translateY(10px) scale(.985)}}

/* „Contul meu” pentru un cont fără firmă (?s=nou): datele de facturare nu există încă; se completează la plată, din ANAF */
body[data-s=nou] .ca-bill{display:none}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .ca-go>*,.ca-go-ok path,.ca-g-i>*,.ca-g-t>*,.ca-rv,.ca-li .ca-in,.ca-li .ca-g,.ca-li .ca-or,.ca-li .ca-lbl .ca-q,.ca-li .ca-eye,.ca-li .ca-li-alt>*,.ca-li .ca-li-ft,.ca-li .ca-li-msg{transition:none!important}
  .ca-spin{display:none!important}
  .ca-go.is-press{transform:none}
  html.ca-sosire .ca-st{animation:none}
}

/* ---------- [cc 20.10 google] „Continuați cu Google” după regulile Google (developers.google.com/identity/branding-guidelines) ----------
   Pe site: butonul oficial (Google Identity Services) se desenează în .ca-gsi (tema „outline” pe luminos, „filled_black” pe întunecat, capsulă, 40 px, lățimea formularului).
   În previzualizare .ca-g îl imită: G-ul în 4 culori, alb cu contur #747775 / #131314 cu contur #8e918f, text #1f1f1f / #e3e3e3, 14 px, 40 px înălțime. */
.ca-li .ca-g{min-height:40px;height:40px;padding:0 12px;column-gap:12px;border:1px solid #747775;border-radius:20px;background:#fff;color:#1f1f1f;
  font:500 14px/20px "Google Sans",Roboto,Arial,sans-serif;letter-spacing:.25px;box-shadow:none}
.ca-li .ca-g:hover{border-color:#747775;background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}
:root:not([data-theme=light]) .ca-li .ca-g{border-color:#8e918f;background:#131314;color:#e3e3e3}
:root:not([data-theme=light]) .ca-li .ca-g:hover{border-color:#8e918f;background:#1f1f20;box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}
.ca-li .ca-g-i svg{width:20px;height:20px}
.ca-li .ca-g .ca-spin{width:16px;height:16px}
.ca-gsi{display:flex;justify-content:center;min-width:0;min-height:40px;overflow:hidden;border-radius:20px;transition:opacity calc(var(--ca-k)*200ms) ease}   /* min-width 0: butonul Google are lățime fixă; fără asta, după o îngustare, celula rămânea lată și butonul nu se mai redesena */
.ca-gsi>div{max-width:100%}
.ca-li[aria-busy=true] .ca-gsi{pointer-events:none}
.ca-li[aria-busy=true] .ca-gsi:not(.is-busy),.ca-li[aria-busy=true] .ca-gsi.is-busy~*{opacity:.4}
.ca-gsi.is-busy{opacity:.6}
.ca-li .ca-or{font-size:13px;letter-spacing:.02em}

/* ---------- [cc 20.10] sub formular: o acțiune („Încercați gratuit 3 zile” → Prețuri), faptul ei, apoi indiciul pentru program ----------
   Centrate pe axa formularului (ca „Fără parolă” de deasupra), spații din aceeași scară: 5 între acțiune și fapt, 21 până la indiciu. */
.ca-li-new{display:grid;justify-items:center;text-align:center}
.ca-li-new-a{font:400 15px/22px var(--ws);color:var(--mute);text-wrap:balance}
.ca-li-new-a a{display:inline-flex;align-items:center;gap:6px;position:relative;z-index:1;padding:11px 0;margin:-11px 0;font-weight:500;color:var(--ink);white-space:nowrap;
  text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .15s ease}
.ca-li-new-a a:hover{text-decoration-color:currentColor}
.ca-li-new-a a svg{flex:none;transition:transform .25s var(--ca-ease)}
.ca-li-new-a a:hover svg{transform:translateX(3px)}
.ca-li-new-n{margin-top:5px;font:400 13px/20px var(--ws);color:var(--mute)}
.ca-li-ft .ca-li-prog,.ca-li-prog{margin-top:21px;padding-top:0;font:400 13px/20px var(--ws);color:var(--mute);text-wrap:balance}
@media (prefers-reduced-motion:reduce){.ca-gsi,.ca-li-new-a a,.ca-li-new-a a svg{transition:none!important}.ca-li-new-a a:hover svg{transform:none}}