/* Konfliktuskezelesi stilus teszt — a szeretetnyelv teszt CSS-enek klonja (2026-09-07).
   Kulon fajl, hogy a ket lap egymastol fuggetlenul valtozhasson. */

.vv-teszt{
  --ground:#F4F8F7; --surface:#FFFFFF; --surface-2:#E7F1EE;
  --ink:#0E211F; --ink-2:#3E5A56; --ink-3:#6E8783; --line:#D3E2DE;
  --deep:#10343B;
  --zold:#4BAC9B;            /* EGYSEGES DINIM-zold. Narancs, kek, sarga, lila tiltott. */
  --zold-halvany:#E3F3EF;
  --focus:#1B7F6E;
  --arnyek:0 1px 2px rgba(14,33,31,.05), 0 8px 24px -12px rgba(14,33,31,.18);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0B1A1C; --surface:#122A2C; --surface-2:#173437;
    --ink:#EAF3F1; --ink-2:#B4CBC6; --ink-3:#83A09B; --line:#224345;
    --deep:#0A2226; --zold:#6DC7B5; --zold-halvany:#16383A; --focus:#8FE0CE;
    --arnyek:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}.vv-teszt[data-theme="dark"]{
  --ground:#0B1A1C; --surface:#122A2C; --surface-2:#173437;
  --ink:#EAF3F1; --ink-2:#B4CBC6; --ink-3:#83A09B; --line:#224345;
  --deep:#0A2226; --zold:#6DC7B5; --zold-halvany:#16383A; --focus:#8FE0CE;
  --arnyek:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.6);
}.vv-teszt *{box-sizing:border-box}.vv-teszt{margin:0;background:var(--ground);color:var(--ink);
  font-family:'Mulish',ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}.vv-teszt .wrap{max-width:760px;margin:0 auto;padding:0 20px}.vv-teszt .narrow{max-width:640px}.vv-teszt h1, .vv-teszt h2, .vv-teszt h3{font-family:'Comfortaa',ui-sans-serif,system-ui,sans-serif;text-wrap:balance;margin:0;font-weight:600;letter-spacing:-.01em}.vv-teszt .eredmeny-cim{font-size:clamp(2rem,5.5vw,3rem);line-height:1.1}
.vv-teszt h1{font-size:clamp(2rem,5.5vw,3rem);line-height:1.1}.vv-teszt h2{font-size:clamp(1.4rem,3.4vw,1.8rem);line-height:1.2}.vv-teszt h3{font-size:1.1rem;line-height:1.35;font-weight:600}.vv-teszt p{margin:0}.vv-teszt .eyebrow{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--zold);font-weight:600}.vv-teszt .lead{font-size:1.1rem;color:var(--ink-2)}.vv-teszt .small{font-size:14.5px;color:var(--ink-3)}.vv-teszt section{padding:52px 0}.vv-teszt .stack{display:flex;flex-direction:column;gap:18px}.vv-teszt .top{background:var(--deep);color:#EAF3F1;padding:14px 0}.vv-teszt .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}.vv-teszt .brand{display:flex;align-items:center;gap:10px;font-weight:600}.vv-teszt .brand .mark{width:26px;height:26px;border-radius:8px;background:var(--zold);display:grid;place-items:center;color:#08211F;font-weight:700;font-size:13px}.vv-teszt .top a{color:#B8D8D1;text-decoration:none;font-size:14px}.vv-teszt .btn{display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:inherit;
  font-size:16px;font-weight:600;padding:14px 28px;border-radius:999px;background:var(--zold);
  color:#08211F;text-decoration:none;transition:filter .15s,transform .15s}.vv-teszt .btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.vv-teszt .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.vv-teszt .btn-ghost:hover{border-color:var(--zold);filter:none}.vv-teszt .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;filter:none}.vv-teszt :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.vv-teszt /* ---- haladasjelzo ---- */
/* ---- haladasjelzo ---- */
.vv-teszt .progress{position:sticky;top:0;z-index:20;background:var(--ground);border-bottom:1px solid var(--line);display:none}
.vv-teszt .progress.on{display:block}
.vv-teszt .progress .bar{height:5px;background:var(--surface-2)}
.vv-teszt .progress .fill{height:100%;width:0;background:var(--zold);transition:width .3s ease}
.vv-teszt .progress .lbl{display:flex;justify-content:space-between;padding:9px 20px;max-width:760px;margin:0 auto;font-size:13px;color:var(--ink-3);letter-spacing:.03em;text-transform:uppercase;font-weight:500}
.vv-teszt .progress .lbl b{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:600}
/* ---- paros valasztas: egy paros egy kepernyon ---- */
.vv-teszt .paros-doboz{min-height:300px;display:flex;flex-direction:column;justify-content:center}
.vv-teszt .paros-szam{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:8px;text-align:center}
.vv-teszt .paros-kerdes{font-family:'Comfortaa',ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.15rem,3vw,1.4rem);text-align:center;margin-bottom:22px;color:var(--ink)}
.vv-teszt .valasztok{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vv-teszt .valaszt{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:26px 22px;cursor:pointer;font-family:inherit;font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.4;color:var(--ink);text-align:left;min-height:132px;display:flex;align-items:center;transition:border-color .15s,background .15s,transform .15s}
.vv-teszt .valaszt:hover{border-color:var(--zold);transform:translateY(-2px)}
.vv-teszt .valaszt.valasztva{background:var(--zold);border-color:var(--zold);color:#08211F}
.vv-teszt .paros-blokk{display:none}
.vv-teszt .paros-blokk.aktiv{display:block}
.vv-teszt .nav-sor{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px}
/* ---- eredmeny ---- */
.vv-teszt .nyelv-sor{display:grid;grid-template-columns:186px 1fr 40px;gap:14px;align-items:center;padding:9px 0}
.vv-teszt .nyelv-nev{font-size:15px;font-weight:600;overflow-wrap:anywhere;hyphens:auto}
.vv-teszt .nyelv-sin{display:block;height:12px;background:var(--surface-2);border-radius:999px;overflow:hidden}
.vv-teszt .nyelv-toltes{display:block;height:100%;width:0;border-radius:999px;background:var(--zold);transition:width .8s cubic-bezier(.2,.7,.3,1)}
.vv-teszt .nyelv-ertek{font-size:14px;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.vv-teszt .elso-lepes{background:var(--zold-halvany);border-radius:14px;padding:20px 22px;font-size:15.5px;color:var(--ink-2)}
.vv-teszt .elso-lepes b{display:block;color:var(--ink);margin-bottom:6px}
.vv-teszt .nemtud{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.vv-teszt .nemtud li{padding-left:24px;position:relative;font-size:15px;color:var(--ink-2);line-height:1.5}
.vv-teszt .nemtud li::before{content:"";position:absolute;left:2px;top:.68em;width:11px;height:2px;border-radius:2px;background:var(--ink-3)}
.vv-teszt .rejt{display:none !important}
@media (max-width:560px){.vv-teszt .valasztok{grid-template-columns:1fr}.vv-teszt .valaszt{min-height:0;padding:20px}.vv-teszt .paros-doboz{min-height:340px}}