/* [cc 18.10] resurse/versiuni — paginile „Versiunile programului” (index.html, clasele vh-) și „Versiunea N” (vN.html, clasele vr-).
   Tokenii paginii (--bg --ink --ink2 --mute --line --rule --edge --fill --fill-ink --ws --gut --ins-band) vin din final.css + site27.css.
   Grila cu desene, legenda „FIG.”, comutatorul cu tastă ridicată și cercul de mână = copiate din secțiunea „Ce e nou în v34” de pe prima pagină
   (noutati/n6.html, planșa detalii-1 din 12.10), cu prefixul vr-. Scara de spații: 8 / 13 / 21 / 34 / 55 / 89.
   Fișierul e comun pentru v32, v33, v34: o pagină care vrea ceva doar al ei pune CSS-ul în assets/vN.css (make.js îl leagă singur). */

@font-face{font-family:"Vr Hand";font-style:normal;font-weight:400 700;font-display:swap;src:url("../../c41/fonts/Caveat-latin-ext.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+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Vr Hand";font-style:normal;font-weight:400 700;font-display:swap;src:url("../../c41/fonts/Caveat-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokeni (închis = implicit; deschis = html[data-theme=light]) ---------- */
.vr{
  --vr-pen:rgba(232,228,217,.62); --vr-mark:rgba(232,228,217,.8); --vr-faint:rgba(232,228,217,.3);
  --vr-plus:rgba(255,255,255,.42); --vr-hair:rgba(255,255,255,.1);
  --vr-rail:#1b1b1d; --vr-rail-edge:inset 0 0 0 1px rgba(255,255,255,.17), inset 0 1px 3px rgba(0,0,0,.65);
  --vr-rail-hover:rgba(255,255,255,.06); --vr-sep:rgba(255,255,255,.13);
  --vr-key:linear-gradient(#5b5c61,#45464b); --vr-key-rim:#a3a5aa;
  --vr-key-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 2px 4px rgba(0,0,0,.6), 0 10px 22px -6px rgba(0,0,0,.9);
  --vr-spring:cubic-bezier(.32,.72,0,1);
  --vr-band:var(--ins-band,64px);
  --vr-sec:clamp(55px,6.2vw,89px);
}
:root[data-theme=light] .vr{
  --vr-pen:hsl(40 13% 23% / .66); --vr-mark:hsl(40 13% 23% / .82); --vr-faint:hsl(40 13% 23% / .3);
  --vr-plus:rgba(20,42,62,.5); --vr-hair:rgba(20,42,62,.12);
  --vr-rail:#dcdbd8; --vr-rail-edge:inset 0 0 0 1px rgba(20,42,62,.14), inset 0 1px 2px rgba(20,42,62,.13);
  --vr-rail-hover:rgba(20,42,62,.06); --vr-sep:rgba(20,42,62,.18);
  --vr-key:linear-gradient(#fff,#f6f5f2); --vr-key-rim:#7b8088;
  --vr-key-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(20,42,62,.16), 0 8px 16px -5px rgba(20,42,62,.3);
}

/* ---------- baza ---------- */
.vr{display:block;color:var(--ink)}
.vr :where(h1,h2,h3,h4,p,ol,ul,li){margin:0;padding:0}
.vr :where(ol,ul){list-style:none}
.vr :where(a){color:inherit;text-decoration:none}
.vr :where(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.vr-w{width:min(1200px,calc(100% - 2*var(--gut)));margin-inline:auto}
.vr-nw{white-space:nowrap}
.vr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vr-ic{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--vr-spring)}

/* apar la derulare (doar cu JS și fără mișcare redusă) */
.vr-io [data-r]{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s var(--vr-spring)}
.vr-io [data-r].is-in{opacity:1;transform:none}

/* ---------- texte comune ---------- */
.vr-eb{font:500 12.5px/20px var(--ws);letter-spacing:.12em;word-spacing:0;text-transform:uppercase;color:var(--mute)}
.vr-eb a{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin:-6px 0;transition:color .2s ease}
.vr-eb a:hover{color:var(--ink)}
.vr-eb a:hover .vr-ic--l{transform:translateX(-3px)}
.vr-h2{margin-top:13px;font:300 clamp(30px,3.4vw,44px)/1.1 var(--ws);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.vr-sub{margin-top:13px;max-width:34em;font:400 16px/26px var(--ws);color:var(--mute);text-wrap:pretty}
.vr-head{max-width:44em}

/* secțiunile: linia de sus cu „+” la capete (sistemul p1s) */
.vr-sec>.vr-w{position:relative;padding:var(--vr-sec) 0;border-top:1px solid var(--rule)}
.vr-sec>.vr-w::before{content:"";position:absolute;top:-7px;left:-6px;right:-6px;height:13px;pointer-events:none;
  background:linear-gradient(var(--vr-plus),var(--vr-plus)) 0 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) 6px 0/1px 13px no-repeat,
             linear-gradient(var(--vr-plus),var(--vr-plus)) 100% 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) right 6px top 0/1px 13px no-repeat}
.vr-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:34px 55px;align-items:start}
.vr-stick{position:sticky;top:calc(var(--vr-band) + 34px)}

/* ---------- capul paginii ---------- */
.vr-hero{padding:clamp(34px,4.4vw,55px) 0 var(--vr-sec)}
.vr-h1{margin-top:13px;max-width:15em;font:300 clamp(40px,4.6vw,64px)/1.06 var(--ws);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.vr-when{margin-top:13px;font:400 15px/24px var(--ws);color:var(--ink2,var(--ink))}
.vr-lead{margin-top:21px;max-width:34em;font:400 clamp(17px,1.4vw,20px)/1.5 var(--ws);color:var(--mute);text-wrap:pretty}
.vr-facts{display:flex;flex-wrap:wrap;gap:13px 55px;margin-top:34px}
.vr-facts a{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;color:var(--mute);transition:color .2s ease}
.vr-facts b{font:300 34px/1 var(--ws);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.vr-facts span{font:400 15px/20px var(--ws);text-decoration:underline 1px transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease}
.vr-facts a:hover{color:var(--ink)}
.vr-facts a:hover span{text-decoration-color:currentColor}
.vr-facts .vr-ic{display:inline-block;margin-left:6px;vertical-align:baseline;color:var(--mute)}   /* fapt cu săgeată = link spre PDF */
.vr-facts a:hover .vr-ic{color:var(--ink);transform:translate(2px,-2px)}

/* cercul de mână în jurul numărului (din n6: se trage singur după .5 s) */
.vr-ring{position:relative;display:inline-block;white-space:nowrap;margin-left:.06em}
.vr-ring svg{position:absolute;left:-.13em;top:-.17em;width:calc(100% + .27em);height:calc(100% + .36em);overflow:visible;pointer-events:none;fill:none}
.vr-ring path{fill:none;stroke:var(--vr-mark);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:3 3;stroke-dashoffset:3.05}
.is-in .vr-ring path,.vr:not(.vr-io) .vr-ring path{stroke-dashoffset:1.5;transition:stroke-dashoffset 1.3s cubic-bezier(.4,.1,.2,1) .5s}

/* ---------- dezvoltările: bara de roluri (comutatorul din n6, aici = cuprins lipit sus) ---------- */
.vr-navbox{position:sticky;top:calc(var(--vr-band) + 8px);z-index:12;margin-top:34px}
/* sub bară: o fâșie de sticlă pe toată lățimea, ca textul care trece pe dedesubt să nu se vadă printre margini (la locul ei, pe fundalul paginii, nu se vede) */
.vr-navbox::before{content:"";position:absolute;z-index:-1;top:-8px;bottom:-8px;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;
  background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
/* lipită sus: fâșia urcă și sub antet, ca bara și antetul să fie o singură bandă */
.vr-navbox.is-stuck::before{top:calc(-8px - var(--vr-band))}
@media (prefers-reduced-transparency:reduce){.vr-navbox::before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}
.vr-segbox{container:vrseg/inline-size;width:100%}
.vr-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:-8px -16px;padding:8px 16px;overscroll-behavior-x:contain}   /* [cc 20.10 2010b] David: „the leftside edge button is still not fixed”: overflow-x taia 1px din marginea și umbra butonului activ; 16px de aer pe lături, ca în n6 (.v34n-scroll) */
.vr-scroll::-webkit-scrollbar{display:none}
.vr-seg{--h:40px;--lift:4px;position:relative;display:flex;width:100%;margin:var(--lift) 0;border-radius:8px;background:var(--vr-rail);box-shadow:var(--vr-rail-edge);-webkit-user-select:none;user-select:none}
.vr-seg a{position:relative;z-index:1;flex:1 1 0;min-width:max-content;display:flex;align-items:center;justify-content:center;height:var(--h);padding:0 16px;border-radius:8px;
  font:400 14px/16px Inter,system-ui,sans-serif;color:var(--ink);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease}
.vr-seg a[aria-current="true"]{font-weight:500}
.vr-seg a::before{content:"";position:absolute;left:-.5px;top:50%;width:1px;height:16px;margin-top:-8px;background:var(--vr-sep);transition:opacity .2s ease;pointer-events:none}
.vr-seg a:first-of-type::before,.vr-seg a[aria-current="true"]::before,.vr-seg a[aria-current="true"]+a::before{opacity:0}
@media (hover:hover){.vr-seg a:not([aria-current="true"]):hover{background:var(--vr-rail-hover)}}
.vr-seg a:focus-visible{outline-offset:2px;z-index:3}
.vr-l{display:inline-grid;text-align:center}
.vr-l::after{content:attr(data-l);height:0;overflow:hidden;visibility:hidden;font-weight:500;pointer-events:none}
.vr-thumb{position:absolute;z-index:0;left:0;top:calc(-1*var(--lift));width:var(--tw,0px);height:calc(var(--h) + 2*var(--lift));transform:translateX(var(--tx,0px));
  border-radius:8px;background:var(--vr-key);box-shadow:0 0 0 1px var(--vr-key-rim),var(--vr-key-shadow);opacity:0;
  transition:transform .42s var(--vr-spring),width .42s var(--vr-spring),opacity .2s ease}
.vr-seg.is-ready .vr-thumb{opacity:1}
.vr-seg.is-still .vr-thumb{transition:none}
@container vrseg (max-width:1000px){
  .vr-seg{width:max-content}
  .vr-seg a{flex:none}
  .vr-scroll.is-over{mask:linear-gradient(90deg,transparent 0,#000 37px,#000 calc(100% - 37px),transparent 100%)}
  .vr-scroll.is-over.at-start{mask:linear-gradient(90deg,#000 0,#000 calc(100% - 37px),transparent 100%)}
  .vr-scroll.is-over.at-end{mask:linear-gradient(90deg,transparent 0,#000 37px,#000 100%)}
}

/* ---------- un grup (un rol): titlu + o frază, apoi grila ---------- */
.vr-grp{padding-top:55px;scroll-margin-top:calc(var(--vr-band) + 72px)}
.vr-navbox+.vr-grp{padding-top:34px}
/* [cc 21.10 e2e2 D4] primul grup are cu 21 px mai puțin padding sus (34 în loc de 55), deci după un clic pe primul tab titlul lui rămânea 4–6 px sub bara lipită (la celelalte grupuri 15–27 px). Locul unde ajunge un grup îl dă html.ins main [id] (final.css: --ins-band + 16 px), nu .vr-grp: de aceea regula de mai jos e mai specifică decât aceea și adaugă cei 21 px (16 + 21 = 37). */
main .vr-navbox+.vr-grp[id]{scroll-margin-top:calc(var(--vr-band) + 37px)}
.vr-gh{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 55px;align-items:baseline;margin-bottom:34px}
.vr-gt{font:300 clamp(26px,2.4vw,34px)/1.15 var(--ws);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.vr-gl{max-width:34em;font:400 18px/28px var(--ws);color:var(--mute);text-wrap:pretty}
.vr-gt:focus{outline:none}
.vr-note{margin-top:21px;max-width:46em;font:400 15px/24px var(--ws);color:var(--mute)}

/* ---------- grila cu desene (planșa detalii-1 din n6: linii de 1 px, „+” la colțuri, legenda FIG.) ---------- */
.vr-grid{--row:252px;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(var(--row),auto);
  border-top:1px solid var(--line);border-left:1px solid var(--line)}
.vr-grid::after{content:"";position:absolute;top:-7px;left:-7px;right:-6px;bottom:-6px;pointer-events:none;z-index:1;
  background:linear-gradient(var(--vr-plus),var(--vr-plus)) 0 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) 6px 0/1px 13px no-repeat,
             linear-gradient(var(--vr-plus),var(--vr-plus)) 100% 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) right 6px top 0/1px 13px no-repeat,
             linear-gradient(var(--vr-plus),var(--vr-plus)) left 0 bottom 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) left 6px bottom 0/1px 13px no-repeat,
             linear-gradient(var(--vr-plus),var(--vr-plus)) right 0 bottom 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) right 6px bottom 0/1px 13px no-repeat}
.vr-grid.is-tall{grid-auto-rows:minmax(calc(var(--row)*2 + 16px),auto)}
.vr-grid.is-text{grid-auto-rows:auto}
/* celula lată: desenul în stânga, legenda sub el, textul în dreapta */
.vr-card{grid-column:span 6;position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:minmax(0,1fr) auto;gap:16px 24px;
  padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.vr-card>.vr-art{grid-column:1;grid-row:1}
.vr-card>.vr-fig{grid-column:1;grid-row:2;margin-bottom:4px}
.vr-card>.vr-body{grid-column:2;grid-row:1/span 2}
/* celula înaltă: desen, legendă, text, unul sub altul */
.vr-grid.is-tall .vr-card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto}
.vr-grid.is-tall .vr-card>.vr-fig{margin-bottom:0}
.vr-grid.is-tall .vr-card>.vr-body{grid-column:1;grid-row:3;margin-top:8px}
@media (min-width:1024px){.vr-grid.is-tall .vr-body{min-height:172px}}
.vr-grid.c3 .vr-card{grid-column:span 4}
.vr-grid.c2 .vr-card{grid-column:span 6}
/* celula fără desen (grupurile „text” sau un card fără fig) */
.vr-card.no-art{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
.vr-card.no-art>.vr-body{grid-column:1;grid-row:1;margin-top:0}
.vr-grid.is-text .vr-card{padding:24px 24px 21px}
.vr-grid.is-text .vr-body{min-height:0}

.vr-art{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.vr-art svg{display:block;width:100%;height:auto;max-height:100%;overflow:visible;fill:none}
.vr-grid:not(.is-tall) .vr-art svg{max-height:200px}
.vr-grid.is-tall .vr-art svg{height:100%}
.vr-art .p{fill:var(--bg);stroke:none}
.vr-art .s{fill:none;stroke:var(--vr-pen);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:3 3;stroke-dashoffset:0}
.vr-art .m{stroke:var(--vr-mark)}
.vr-art .f{stroke:var(--vr-faint)}
.vr-art .k{fill:var(--vr-mark);stroke:none}
.vr-art .t{font-family:"Vr Hand","Caveat","Segoe Print",cursive;fill:var(--vr-mark);stroke:none;font-weight:400}
.vr-art .t.tiny{fill:var(--vr-pen)}
.vr-fig{display:block;min-width:0;font:500 12px/16px var(--ws);letter-spacing:.08em;word-spacing:0;text-transform:uppercase;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.vr-body{min-width:0;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}
.vr-card h4{font:400 20px/26px var(--ws);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.vr-card p{margin:8px 0 16px;font:400 15px/24px Inter,system-ui,sans-serif;color:var(--mute);text-wrap:pretty}
.vr-card.no-art p:last-child{margin-bottom:0}
.vr-guide{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding:2px 0;font:500 14px/20px Inter,system-ui,sans-serif;color:var(--mute);
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:color .2s ease,background-size .35s var(--vr-spring)}
.vr-guide:hover,.vr-guide:focus-visible{color:var(--ink);background-size:calc(100% - 15px) 1px}
.vr-guide:hover .vr-ic--ur{transform:translate(2px,-2px)}

/* desenul se trage când grila intră în ecran (din n6: --k = px de ecran pe unitate de viewBox, din JS) */
.vr-io .vr-grid .vr-card>*{opacity:0;transform:translateY(16px)}
.vr-io .vr-grid.is-in .vr-card>*{opacity:1;transform:none;transition:opacity .55s ease calc(var(--i,0)*70ms + .1s),transform .7s var(--vr-spring) calc(var(--i,0)*70ms + .1s)}
.vr-io .vr-grid .vr-art .s{stroke-dashoffset:3.05}
.vr-io .vr-grid.is-in .vr-art .s{stroke-dashoffset:calc(2.97 - var(--k,1.4));transition:stroke-dashoffset .95s cubic-bezier(.45,.1,.2,1) calc(var(--i,0)*70ms + .25s + var(--d,0s))}
.vr-io .vr-grid .vr-art :is(.p,.k,.t){opacity:0}
.vr-io .vr-grid.is-in .vr-art :is(.p,.k,.t){opacity:1;transition:opacity .6s ease calc(var(--i,0)*70ms + .55s)}
/* [cc 21.10 e2e R5] .is-done (vr.js): a ieșit din ecran după ce a apărut, sau s-a trecut peste el dintr-o săritură: starea finală pe loc, fără tranziție și fără întârziere */
.vr-io [data-r].is-done,.vr-io .vr-grid.is-done .vr-card>*,.vr-io .vr-grid.is-done .vr-art .s,.vr-io .vr-grid.is-done .vr-art :is(.p,.k,.t),.is-done .vr-ring path{transition:none!important}

/* ---------- îmbunătățirile: o coloană, 1…N, rânduri subțiri (regula lui David pentru lista de pe prima pagină) ---------- */
.vr-il{border-bottom:1px solid var(--vr-hair)}
.vr-il li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 13px;padding:13px 0;border-top:1px solid var(--vr-hair)}
.vr-in{font:400 14px/24px var(--ws);color:var(--mute);text-align:right;font-variant-numeric:tabular-nums}
.vr-it{font:400 16px/24px var(--ws);color:var(--ink);text-wrap:pretty}
.vr-ix{margin-top:2px;font:400 14px/22px Inter,system-ui,sans-serif;color:var(--mute);text-wrap:pretty}
.vr-il li.vr-ig{display:block;padding:34px 0 8px;border-top:0;font:500 12.5px/20px var(--ws);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.vr-il li.vr-ig:first-child{padding-top:0}
.vr-il li.vr-ig+li{border-top-color:var(--line)}

/* ---------- ghidurile și manualul (butoanele au colțul de 4 px, ca butoanele site-ului: final.css .pill) ---------- */
.vr-man{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t b" "m b";gap:4px 34px;align-items:center;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.vr-man-t{grid-area:t;font:400 20px/28px var(--ws);letter-spacing:-.01em}
.vr-man-m{grid-area:m;font:400 14px/20px var(--ws);color:var(--mute)}
.vr-man-b{grid-area:b;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 21px;border-radius:4px;border:1px solid var(--edge,var(--line));
  font:500 15px/20px var(--ws);color:var(--ink);transition:background-color .2s ease,border-color .2s ease,transform .15s ease}
.vr-man:hover .vr-man-b{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.vr-man:hover .vr-ic--ur{transform:translate(2px,-2px)}
.vr-man:active .vr-man-b{transform:scale(.98)}
.vr-man:focus-visible{outline-offset:6px}
.vr-gdl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;margin-top:21px}
.vr-gdl a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:48px;padding:13px 0;border-bottom:1px solid var(--vr-hair);color:var(--ink)}
.vr-gt2{font:400 15px/22px var(--ws);text-decoration:underline 1px transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease}
.vr-gm{font:400 13px/20px var(--ws);color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.vr-gdl .vr-ic{color:var(--mute)}
.vr-gdl a:hover .vr-gt2{text-decoration-color:currentColor}
.vr-gdl a:hover .vr-ic{color:var(--ink);transform:translate(2px,-2px)}

/* ---------- finalul: invitația din email + versiunile vecine ---------- */
.vr-end-c{max-width:40em}
.vr-acts{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.vr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 21px;border-radius:4px;border:1px solid var(--edge,var(--line));
  font:500 15px/20px var(--ws);color:var(--ink);transition:background-color .2s ease,border-color .2s ease,transform .15s ease}
.vr-btn:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.vr-btn:active{transform:scale(.98)}
.vr-btn--fill{background:var(--fill);border-color:var(--fill);color:var(--fill-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(0,0,0,.2)}
.vr-btn--fill:hover{background:color-mix(in srgb,var(--fill) 86%,var(--bg));border-color:color-mix(in srgb,var(--fill) 86%,var(--bg))}
.vr-pg{display:flex;justify-content:space-between;align-items:flex-end;gap:21px;margin-top:55px;padding-top:21px;border-top:1px solid var(--vr-hair)}
.vr-pg-a{display:inline-flex;align-items:center;gap:13px;min-height:44px;color:var(--ink)}
.vr-pg-a>span{display:grid;gap:2px}
.vr-pg-a small{font:400 13px/20px var(--ws);color:var(--mute)}
.vr-pg-a b{font:400 20px/26px var(--ws);letter-spacing:-.01em}
.vr-pg-next{text-align:right}
.vr-pg-a .vr-ic{color:var(--mute)}
.vr-pg-a:hover .vr-ic{color:var(--ink)}
.vr-pg-a:hover .vr-ic--l{transform:translateX(-3px)}
.vr-pg-a:hover .vr-ic--r{transform:translateX(3px)}

/* ---------- pagina cu lista (index.html) ---------- */
.vh .vr-hero{padding-bottom:clamp(34px,4.4vw,55px)}
.vh-s{padding:0 0 var(--vr-sec)}
.vh-list{margin-bottom:21px}
.vh-row{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:21px 55px;padding:55px 0;border-top:1px solid var(--rule)}
.vh-row::before{content:"";position:absolute;top:-7px;left:-6px;right:-6px;height:13px;pointer-events:none;
  background:linear-gradient(var(--vr-plus),var(--vr-plus)) 0 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) 6px 0/1px 13px no-repeat,
             linear-gradient(var(--vr-plus),var(--vr-plus)) 100% 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) right 6px top 0/1px 13px no-repeat}
.vh-num{margin-top:13px;font:300 clamp(72px,7.4vw,104px)/.92 var(--ws);letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}
.vh-num a{display:inline-block;padding:4px 0}
.vh-num .vr-ring{margin-left:0}
.vh-num a:hover{opacity:.84}
.vh-date{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 13px;margin-top:13px;font:400 15px/24px var(--ws);color:var(--ink2,var(--ink))}
.vh-new{font:500 12px/16px var(--ws);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.vh-fr{max-width:26em;font:300 clamp(22px,2.1vw,28px)/1.3 var(--ws);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.vh-n{margin-top:13px;font:400 14px/20px var(--ws);color:var(--mute)}
.vh-pts{display:grid;gap:8px;margin-top:21px}
.vh-pts li{position:relative;padding-left:21px;font:400 16px/24px var(--ws);color:var(--ink);text-wrap:pretty}
.vh-pts li::before{content:"";position:absolute;left:1px;top:9px;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--mute)}
.vh-acts{display:flex;flex-wrap:wrap;align-items:center;gap:13px 34px;margin-top:34px}
.vh-go{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 21px;border-radius:4px;border:1px solid var(--edge,var(--line));font:500 15px/20px var(--ws);color:var(--ink);
  transition:background-color .2s ease,border-color .2s ease,transform .15s ease}
.vh-go:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.vh-go:hover .vr-ic--r{transform:translateX(3px)}
.vh-go:active{transform:scale(.98)}
.vh-row:first-child .vh-go{background:var(--fill);border-color:var(--fill);color:var(--fill-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(0,0,0,.2)}
.vh-row:first-child .vh-go:hover{background:color-mix(in srgb,var(--fill) 86%,var(--bg))}
.vh-pdf{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:500 14px/20px Inter,system-ui,sans-serif;color:var(--mute);transition:color .2s ease}
.vh-pdf:hover{color:var(--ink)}
.vh-pdf:hover .vr-ic--ur{transform:translate(2px,-2px)}
.vh-old{margin-top:0;font:400 14px/22px var(--ws);color:var(--mute)}
.vh-old a{display:inline-flex;align-items:center;gap:6px;margin-left:4px;color:var(--ink);text-decoration:underline 1px transparent;text-underline-offset:4px}
.vh-old a:hover{text-decoration-color:currentColor}

/* ---------- ecrane mici (ca n6: 1023 / 760 / 700) ---------- */
@media (max-width:1023px){
  .vr-split{grid-template-columns:minmax(0,1fr)}
  .vr-stick{position:static}
  .vr-gh{grid-template-columns:minmax(0,1fr)}
  .vr-grid,.vr-grid.is-tall{grid-auto-rows:auto}
  .vr-card,.vr-grid.c3 .vr-card,.vr-grid.c2 .vr-card{grid-column:span 6;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:16px;padding:24px}
  .vr-card>.vr-fig{margin-bottom:0}
  .vr-card>.vr-body{grid-column:1;grid-row:3;margin-top:8px}
  .vr-card.no-art{grid-template-rows:auto}
  .vr-card.no-art>.vr-body{grid-row:1;margin-top:0}
  .vr-art{height:152px}
  .vr-art svg,.vr-grid:not(.is-tall) .vr-art svg,.vr-grid.is-tall .vr-art svg{height:100%;max-height:none}
  .vh-row{grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:21px 34px}
}
/* tabletă: 3 celule în 2 coloane lasă un gol; a 3-a ia tot rândul (ca n6) */
@media (min-width:701px) and (max-width:1023px){
  .vr-grid.c3 .vr-card:nth-child(3):last-child{grid-column:span 12;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:auto auto;gap:16px 24px}
  .vr-grid.c3 .vr-card:nth-child(3):last-child>.vr-fig{margin-bottom:4px}
  .vr-grid.c3 .vr-card:nth-child(3):last-child>.vr-body{grid-column:2;grid-row:1/span 2;margin-top:0}
  .vr-grid.is-text.c3 .vr-card:nth-child(3):last-child{grid-template-columns:minmax(0,1fr)}
  .vr-grid.is-text.c3 .vr-card:nth-child(3):last-child>.vr-body{grid-column:1;grid-row:1}
  .vr-grid .vr-card:nth-child(odd):last-child:not(.vr-grid.c3 .vr-card){grid-column:span 12}
}
@media (max-width:760px){
  .vr-sec>.vr-w{padding:55px 0}
  .vr-h1{font-size:40px}
  .vr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:21px}
  .vr-facts a{flex-direction:column;align-items:flex-start;gap:4px;min-height:0}
  .vr-facts b{font-size:28px}
  .vr-facts span{font-size:13.5px}
  .vr-grp{padding-top:55px;scroll-margin-top:calc(var(--vr-band) + 64px)}
  .vr-gh{margin-bottom:21px}
  .vr-gt{font-size:26px}
  .vr-gl{font-size:16px;line-height:26px}
  /* [cc 18.10] textul de corp pe telefon: cel puțin 16 px, rând de 24 px */
  .vr-card p,.vr-ix,.vr-note,.vh-old,.vr-man-m,.vr-gt2{font-size:16px;line-height:24px}
  .vh-row{grid-template-columns:minmax(0,1fr);gap:13px;padding:34px 0 55px}
  .vh-num{font-size:72px}
  .vh-l{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 21px}
  .vh-l>.vr-eb{flex-basis:100%}
  .vh-num{margin-top:0}
  .vh-date{flex-direction:column;align-items:flex-end;gap:0;margin:0 0 8px;text-align:right}
  .vh-fr{margin-top:13px}
}
@media (max-width:700px){
  .vr-navbox{margin-top:21px}
  .vr-seg{--h:38px}
  .vr-seg a{padding:0 13px;font-size:13.5px}
  .vr-card,.vr-grid.c3 .vr-card,.vr-grid.c2 .vr-card{grid-column:span 12;padding:16px 16px 21px}
  .vr-art{height:136px}
  .vr-gdl{grid-template-columns:minmax(0,1fr)}
  .vr-man{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "m" "b";gap:4px}
  .vr-man-b{justify-self:start;margin-top:13px}
  .vr-pg-a b{font-size:17px}
  .vr-acts .vr-btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  .vr *,.vr *::before,.vr *::after{transition:none!important;animation:none!important}
  .vr-io [data-r]{opacity:1;transform:none}
  /* [cc 21.10 e2e R5] și cardurile / desenele: dacă preferința se schimbă după încărcare (clasa .vr-io rămâne pusă), nimic nu rămâne la opacity 0 */
  .vr-io .vr-grid .vr-card>*,.vr-io .vr-grid .vr-art :is(.p,.k,.t){opacity:1;transform:none}
  .vr-io .vr-grid .vr-art .s{stroke-dashoffset:calc(2.97 - var(--k,1.4))}
}