/* ============================================================================
 * MINTA CSELEKVÉSI KÁRTYA + STÁTUSZ-BADGE-EK + ŐSZINTESÉG-BLOKK
 * (BM blokk, 2026-09-16 -- KIEMELVE az informacio.html inline stílusából)
 *
 * MIÉRT KÜLÖN FÁJL: a mintakártya mostantól KÉT lapon szerepel (informacio.html
 * és index.html). Ha a stílusa mindkét lap inline <style>-jában ott állna, a
 * kettő előbb-utóbb szétcsúszna -- pontosan az a hiba, amit a BH menet a
 * fejléc-menünél MÉRT (1 generátor + 2 hardcode-olt nav + 3 szótár).
 * EGY forrás, KÉT hivatkozás.
 *
 * ⚠️ A `.verdikt-*` osztályok NEM csak a mintakártyáé: az informacio.html
 * verdikt-magyarázó legendája (4 badge) is ezeket használja. Ezért kerültek
 * ide ÖSSZE a kártyával -- a kettő színének SOHA nem szabad elválnia.
 *
 * ⚠️ A használt CSS-változók (--zold, --sarga, --piros, --keret, --feher,
 * --hatter, --szurke, --graf, --kek, --cyan) MINDKÉT lapon definiáltak
 * (mérve, 2026-09-16); ez a fájl nem definiál sajátot.
 * ========================================================================== */

/* ---- státusz-badge-ek: a cselekvési kártyáéval AZONOS színek ---- */
.verdikt-cimke{display:inline-block;padding:4px 12px;border-radius:999px;
  font-size:12.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.verdikt-megfelel{background:var(--zold);color:#fff}
.verdikt-teendovel{background:var(--sarga);color:var(--graf)}
.verdikt-adathiany{background:var(--szurke);color:#fff}
.verdikt-nem{background:var(--piros);color:#fff}

/* ---- MINTA cselekvési kártya (a valódi kártya stílusában) ---- */
.minta-kartya{border:1px solid var(--keret);border-radius:10px;background:var(--feher);
  padding:16px 18px;box-shadow:0 10px 26px rgba(11,31,69,.07)}
.minta-jelzo{font-size:12px!important;display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.7px;color:var(--szurke);background:var(--hatter);border:1px solid var(--keret);
  padding:2px 8px;border-radius:20px;margin-bottom:12px}
.minta-kartya .kartya-fej{border-left:4px solid var(--sarga);padding-left:12px}
.minta-kartya .cim{font-weight:700;color:var(--graf);font-size:15px}
.minta-kartya .azon{color:var(--szurke);font-size:12.5px;margin-top:2px}
.minta-kartya .verdikt-cimke{margin-top:9px}
.statusz-nem-vizsgalt{margin:8px 0 0;color:var(--szurke);font-size:13px}
.kartya-szekcio{margin-top:13px;padding-top:11px;border-top:1px dashed var(--keret)}
.kartya-szekcio h4{font-size:13.5px;margin:0 0 3px;color:var(--kek);font-weight:700}
.kartya-szekcio .bevezeto{color:var(--szurke);font-size:12.5px;margin:0 0 6px}
.kartya-szekcio ul{margin:0;padding-left:18px}
.kartya-szekcio li{margin:0 0 7px;font-size:13.5px;line-height:1.45}
.kartya-szekcio li .cimke{font-weight:600;color:var(--graf)}
.kartya-szekcio li .sor{display:block;color:#3C4653}
.kartya-keret-sor{display:flex;flex-wrap:wrap;gap:18px;margin-top:13px;padding-top:11px;
  border-top:1px dashed var(--keret);font-size:13.5px}
.kartya-keret-sor .cimke{display:block;color:var(--szurke);font-size:12px;
  text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.kartya-keret-sor strong{color:var(--graf);font-size:15px}
.kartya-zaro{color:var(--szurke);font-size:12.3px;margin-top:14px;line-height:1.5}

/* ---- őszinteség-blokk ---- */
.oszinte{background:var(--feher);border:1px solid var(--keret);border-left:4px solid var(--cyan);
  border-radius:10px;padding:26px 28px;max-width:860px}
.oszinte p{font-size:17px;color:#39414D}
.oszinte p+p{margin-top:12px}