/* palya.css v2 — a pályaorientációs mini-teszthez.
   A vizuális rendszert a megosztott teszt.css adja; ez a fájl a lapra jellemző elemeket fedi le.
   v2 (2026-09-05, Zoltán kérése): az eredmény öt munkavilága vízszintes SVG-grafikonon, a stressz teszt
   (merleg.css) képi világával: fehér doboz, lágy árnyék, Comfortaa számok, nagybetűs kis címkék, animált sávok.
   Két szín: a két irányod telt zöld (--zold), a többi halvány zsálya. Nincs piros/sárga: a teszt nem hoz ki
   „rossz" munkavilágot, csak sorrendet. */

.vv-teszt .mezo-cim{margin-top:2px}
.vv-teszt .mezo-kartya + .mezo-kartya{margin-top:14px}
.vv-teszt .mezo-kartya p{color:var(--ink-2);font-size:15.5px;line-height:1.55}
.vv-teszt .savok-cim{margin-bottom:14px}

/* ---- v2: grafikon-doboz ---- */
.vv-palya{--eros:#4BAC9B;--halvany:#BFD9D2;--vonal:#DCE7E4;--tinta:#10343B;--tinta2:#4A6B66;
  font-family:'Mulish',ui-sans-serif,system-ui,sans-serif}
.vv-palya .palya-doboz{background:#fff;border:1px solid var(--vonal);border-radius:20px;
  padding:clamp(18px,4vw,30px);box-shadow:0 10px 30px rgba(16,52,59,.07)}
.vv-palya svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto;overflow:visible}
.vv-palya .sin{fill:#EEF4F3}
.vv-palya .toltes{transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.vv-palya .toltes.kesz{transform:scaleX(1)}
.vv-palya .nev{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;fill:var(--tinta)}
.vv-palya .nev.halk{fill:var(--tinta2);font-weight:600}
.vv-palya .ertek{font-family:'Comfortaa',ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:600;fill:var(--tinta)}
.vv-palya .ertek.halk{fill:var(--tinta2);font-size:16px}
.vv-palya .jel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;fill:var(--eros)}
.vv-palya .allapot{text-align:center;margin-top:16px}
.vv-palya .allapot h3{font-family:'Comfortaa',ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.15rem,3.4vw,1.5rem);color:var(--tinta);margin:0 0 6px;font-weight:600}
.vv-palya .allapot p{margin:0;color:var(--tinta2);font-size:15px;line-height:1.55}
@media (prefers-color-scheme:dark){
  .vv-palya{--vonal:#224345;--tinta:#EAF3F1;--tinta2:#B4CBC6;--halvany:#3F6A63}
  .vv-palya .palya-doboz{background:#122A2C;box-shadow:none}
  .vv-palya .sin{fill:#173437}
}