/* ==========================================================================
   "Egyetemista lettem!" kvíz – saját, #lm1-re szűkített stíluslap.
   A helyi CSS-változók a közös style.css márkaváltozóira mutatnak
   (--rez, --petrol, --krem, --serif, --sans, --kez), így a kvíz vizuálisan
   illeszkedik az oldal többi részéhez, de a szabályok itt maradnak, saját
   névtéren belül.
   ========================================================================== */

#lm1{--paper:var(--krem-2);--card:var(--feher);--ink:var(--szoveg);--muted:var(--szoveg-halvany);
    --accent:var(--rez);--accent-deep:var(--rez-700);--track:var(--rez-100);
    --line:rgba(195,143,112,.28);--wash:rgba(195,143,112,.12);--wash2:var(--rez-100);
    --disp:var(--serif);--body:var(--sans);--hand:var(--kez);}
/* box-sizing:border-box-ot a közös style.css már globálisan beállítja minden elemre, itt nem kell ismételni */
#lm1, #lm1 *, #lm1 *::before, #lm1 *::after{margin:0;padding:0;-webkit-tap-highlight-color:transparent}

/* --- védőréteg: semlegesíti a közös style.css globális elem-stílusait a kvízen belül --- */
#lm1 p{padding:0;text-align:left}
#lm1 h1,#lm1 h2,#lm1 h3,#lm1 h4{padding:0;color:var(--ink);text-transform:none;letter-spacing:normal}
#lm1 ul,#lm1 ol,#lm1 li{padding:0;margin:0;line-height:inherit;list-style-position:outside}
#lm1 section,#lm1 div,#lm1 footer{background:none;padding:0;margin:0;border:0;float:none;width:auto}
#lm1 button,#lm1 input,#lm1 textarea,#lm1 select{font-family:inherit;font-size:inherit;line-height:inherit;
  text-transform:none;letter-spacing:normal;-webkit-appearance:none;appearance:none;
  box-shadow:none;text-shadow:none;min-height:0;min-width:0;max-width:none;border-radius:0}
#lm1 button{background:none;border:0;color:inherit;cursor:pointer}
#lm1 button:hover,#lm1 button:focus{box-shadow:none}
#lm1 a{text-decoration:none;box-shadow:none;border:0}
/* svg/img max-width:100% és height:auto már megvan globálisan a style.css-ben (img, picture, svg, video szabály) */
/* ------------------------------------------------------------------- */
#lm1{display:block;position:relative;font-size:16px;text-align:left;
    font-family:var(--body);color:var(--ink);line-height:1.62;
    background:transparent;padding:16px 14px 40px}
#lm1 .wrap{max-width:560px;margin:0 auto}

/* topbar */
#lm1 .topbar{display:flex;align-items:center;gap:12px;margin:6px 2px 16px}
#lm1 .progress{flex:1;height:6px;background:var(--track);border-radius:999px;overflow:hidden}
#lm1 .progress i{display:block;height:100%;width:0;background:var(--accent-deep);border-radius:999px;transition:width .35s ease}
#lm1 .count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
#lm1 .screen{display:none;background:var(--paper);border:1px solid var(--line);border-radius:16px;
    padding:26px 22px 22px;box-shadow:0 10px 28px rgba(102,72,50,.13),0 2px 6px rgba(102,72,50,.05)}
#lm1 .screen.active{display:block;animation:lm1rise .3s ease both}
@keyframes lm1rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#lm1 .eyebrow{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);font-weight:600;margin-bottom:8px}
#lm1 h2{font-family:var(--disp);font-weight:400;font-size:29px;line-height:1.14;margin-bottom:10px}
#lm1 h3{font-family:var(--disp);font-weight:400;font-size:22px;margin:16px 0 8px}
#lm1 p{margin-bottom:11px}
#lm1 .lead{font-size:15px;color:#5a4b3f}
#lm1 .lead b{color:var(--accent-deep)}
#lm1 .soft{color:var(--muted);font-size:13.5px}
#lm1 .hl{background:linear-gradient(100deg,transparent 1%,var(--wash) 3%,var(--wash) 97%,transparent 99%);padding:0 3px}
#lm1 ul.dot{margin:0 0 12px;padding-left:20px}
#lm1 ul.dot li{margin-bottom:7px;font-size:14.5px}

/* chips (multi) */
#lm1 .chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
#lm1 .chip{font:inherit;font-size:13.5px;background:var(--card);border:1.5px solid var(--accent);color:var(--accent-deep);
    border-radius:999px;padding:8px 14px;cursor:pointer;line-height:1.25;transition:background .15s,transform .1s,color .15s}
#lm1 .chip:hover{background:var(--wash)}
#lm1 .chip:active{transform:scale(.97)}
#lm1 .chip.sel{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
#lm1 .chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#lm1 .fb{background:var(--wash2);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:13px 15px;font-size:14.5px;margin:8px 0 4px;display:none}
#lm1 .fb.show{display:block;animation:lm1rise .3s ease both}
#lm1 .fb .t{font-family:var(--disp);font-weight:400;font-size:18px;margin-bottom:3px;color:var(--accent-deep)}
#lm1 .fb a{color:var(--accent-deep);text-decoration:underline;font-weight:600}
#lm1 .fb .ex{margin-top:8px;background:#fff;border-radius:9px;padding:8px 11px;font-size:13.5px;color:#5a4b3f}

/* fields */
#lm1 textarea, #lm1 input[type=text]{width:100%;font:inherit;font-size:15px;border:1px solid var(--line);border-radius:13px;
    padding:12px 14px;background:var(--card);color:var(--ink);resize:none;overflow:hidden}
#lm1 textarea:focus, #lm1 input[type=text]:focus{outline:none;border-color:var(--accent)}
#lm1 textarea::placeholder{color:rgba(140,90,60,.4)}
#lm1 .hand{font-family:var(--hand);font-size:21px;color:var(--accent-deep);line-height:1.4}
#lm1 .field-label{font-size:14px;font-weight:600;margin:14px 0 6px}
#lm1 .field-label .q{font-family:var(--disp);font-size:17px;color:var(--accent-deep);font-weight:400}

/* sliders */
#lm1 .slider-block{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 15px 12px;margin-bottom:12px}
#lm1 .slider-block label{display:block;font-weight:600;font-size:14.5px;margin-bottom:12px}
#lm1 .slider-row{display:flex;align-items:center;gap:13px}
#lm1 input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:7px;border-radius:999px;background:var(--track);cursor:pointer}
#lm1 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:#fff;border:3px solid var(--accent-deep);box-shadow:0 1px 5px rgba(102,72,50,.25)}
#lm1 input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent-deep)}
#lm1 .sval{font-family:var(--disp);font-weight:400;font-size:22px;min-width:30px;text-align:center;color:var(--accent-deep)}
#lm1 .ends{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}

/* accordion (tudomanyos) */
#lm1 .flip{width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:11px;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s}
#lm1 .flip .q{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--disp);font-weight:400;font-size:19px;line-height:1.25;color:var(--ink)}
#lm1 .flip .plus{flex:none;width:26px;height:26px;border-radius:50%;background:var(--wash);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-weight:700;transition:transform .25s}
#lm1 .flip .a{max-height:0;overflow:hidden;transition:max-height .45s ease;font-size:14px;color:#54463b}
#lm1 .flip .a-inner{padding-top:11px}
#lm1 .flip .a-inner p{font-size:14px;margin-bottom:9px}
#lm1 .flip .a-inner ul{padding-left:19px;margin:0 0 9px}
#lm1 .flip .a-inner li{margin-bottom:6px}
#lm1 .flip .a-inner .take{background:var(--wash2);border-radius:9px;padding:9px 12px;font-size:13.5px}
#lm1 .flip.open{border-color:var(--accent)}
#lm1 .flip.open .a{max-height:1400px}
#lm1 .flip.open .plus{transform:rotate(45deg)}

/* options (single) */
#lm1 .opt{display:block;width:100%;text-align:left;font:inherit;font-size:14.5px;color:inherit;background:var(--card);
    border:1px solid var(--line);border-radius:13px;padding:13px 15px;margin-bottom:9px;cursor:pointer;transition:border-color .15s,background .15s}
#lm1 .opt:hover{border-color:var(--accent)}
#lm1 .opt.sel{border-color:var(--accent-deep);background:var(--wash2)}
#lm1 .opt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* body map */
#lm1 svg.body{display:block;margin:6px auto 4px}
#lm1 .region{fill:#fff;stroke:var(--accent);stroke-width:1.6;cursor:pointer;transition:fill .15s}
#lm1 .region:hover{fill:var(--wash)}
#lm1 .region.marked{fill:var(--accent-deep);stroke:var(--accent-deep)}
#lm1 .region:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#lm1 .note{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 14px;margin-bottom:10px}
#lm1 .note-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
#lm1 .note-name{font-family:var(--disp);font-weight:400;font-size:18px;color:var(--accent-deep)}
#lm1 .note-x{background:none;border:0;color:rgba(140,90,60,.45);font-size:18px;cursor:pointer;padding:2px 6px}
#lm1 .note-x:hover{color:var(--accent-deep)}
#lm1 .note textarea{border:0;border-bottom:1.5px solid var(--line);border-radius:0;padding:2px 2px 7px}
#lm1 .note textarea:focus{border-bottom-color:var(--accent)}
#lm1 .sci{margin-top:11px;background:var(--wash);border-radius:9px;padding:9px 11px;font-size:12.5px;color:#5a4b3f;line-height:1.5}
#lm1 .sci b{display:block;color:var(--accent-deep);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}

/* pills */
#lm1 .pill{display:inline-block;background:var(--wash);color:var(--accent-deep);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;margin:0 6px 6px 0}

/* system */
#lm1 .grp{margin-bottom:14px}
#lm1 .grp-t{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);font-weight:600;margin-bottom:7px}
#lm1 .bchip{font:inherit;font-size:13px;background:#fff;border:1.5px solid var(--accent);color:var(--accent-deep);border-radius:999px;padding:6px 12px 6px 27px;cursor:pointer;position:relative;margin:0 6px 6px 0;line-height:1.25}
#lm1 .bchip::before{content:"+";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-weight:700}
#lm1 .bchip.added{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
#lm1 .bchip.added::before{content:"\2713"}
#lm1 .mrow{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 2px}
#lm1 .box{flex:none;width:21px;height:21px;border-radius:5px;border:2px solid var(--accent);background:#fff;position:relative;cursor:pointer;padding:0}
#lm1 .box.on{background:var(--accent-deep);border-color:var(--accent-deep)}
#lm1 .box.on::after{content:"\2713";position:absolute;inset:0;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}
#lm1 .mrow input{border:0;background:transparent;flex:1;font-family:var(--hand);font-size:20px;color:var(--ink);padding:2px}
#lm1 .mrow.done input{color:var(--muted);text-decoration:line-through}
#lm1 .mrow .del{background:none;border:0;color:rgba(140,90,60,.45);font-size:18px;cursor:pointer;padding:2px 6px}
#lm1 .addrow{background:none;border:0;color:var(--accent-deep);font:inherit;font-weight:600;font-size:13px;cursor:pointer;padding:6px 2px}
#lm1 .addrow:hover{text-decoration:underline}

/* card deck */
#lm1 .deck{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
#lm1 .mini{width:56px;height:82px;border-radius:11px;border:0;cursor:pointer;position:relative;color:#FBF6EF;
    background:linear-gradient(155deg,#C79B7E,#A9744E);box-shadow:0 4px 10px rgba(102,72,50,.18);
    display:flex;align-items:center;justify-content:center;transition:transform .16s;outline:2px solid transparent;outline-offset:3px}
#lm1 .mini::after{content:"\2726";font-size:19px}
#lm1 .mini .n{position:absolute;bottom:5px;right:7px;font-size:10.5px;font-weight:600;opacity:.85}
#lm1 .mini:hover{transform:translateY(-3px)}
#lm1 .mini.chosen{outline-color:var(--accent-deep);background:linear-gradient(155deg,#8C5A3C,#6f472f)}
#lm1 .mini.chosen::after{content:"\2713"}
#lm1 .reveal{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px 18px;text-align:center;min-height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
#lm1 .reveal.empty{background:var(--wash);border-style:dashed}
#lm1 .reveal .qm{font-family:var(--disp);font-size:30px;color:var(--accent);line-height:0;display:block;height:10px}
#lm1 .reveal p{font-family:var(--disp);font-weight:400;font-size:22px;line-height:1.3;margin:8px 0 0}
#lm1 .reveal .ph{font-family:var(--body);font-size:14px;color:var(--muted);font-weight:400}

/* nav */
#lm1 .nav{display:flex;gap:10px;margin-top:20px}
#lm1 .btn{flex:1;font:inherit;font-weight:600;font-size:15px;border-radius:999px;padding:13px 18px;cursor:pointer;border:1.5px solid var(--accent-deep);background:var(--accent-deep);color:#fff;transition:background .2s}
#lm1 .btn:hover{background:#7a4c31}
#lm1 .btn.ghost{background:transparent;color:var(--accent-deep);flex:0 0 auto;padding:13px 20px}
#lm1 .btn.ghost:hover{background:var(--wash)}
#lm1 .btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#lm1 .btn.small{flex:0 0 auto;font-size:13.5px;padding:10px 16px}
#lm1 .take-home{background:var(--wash2);border-radius:13px;padding:15px 16px;margin:12px 0}
#lm1 .take-home .q{font-family:var(--disp);font-style:italic;font-size:18px;line-height:1.4;color:var(--ink)}
#lm1 .echo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin:10px 0;font-size:14px}
#lm1 .echo b{color:var(--accent-deep)}
#lm1 .my-sum{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;font-size:12.5px;line-height:1.55;color:#4a3d33;max-height:300px;overflow:auto}
#lm1 .rate{display:flex;gap:8px;margin:2px 0 10px}
#lm1 .ratebtn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--accent);background:#fff;color:var(--accent-deep);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s}
#lm1 .ratebtn:hover{background:var(--wash)}
#lm1 .ratebtn.on{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
#lm1 .ratebtn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#lm1 .price{font-family:var(--disp);font-weight:400;color:var(--accent-deep)}
#lm1 footer{max-width:560px;margin:18px auto 0;padding:14px 8px 0;border-top:1px solid var(--line);font-size:11px;color:#7a6c5e;line-height:1.5}
#lm1 footer p{margin:6px 0}
#lm1 footer a{color:var(--accent-deep)}
#lm1 .brand{text-align:center;margin-top:8px}

/* bekuldes: hozzajarulas, honeypot, kuldes kozbeni allapot */
#lm1 .consent{display:flex;gap:9px;align-items:flex-start;margin:13px 0 0;font-size:13px;
  line-height:1.45;color:#5a4b3f;cursor:pointer}
#lm1 .consent input{flex:none;width:18px;height:18px;margin-top:1px;cursor:pointer;
  -webkit-appearance:auto;appearance:auto;accent-color:var(--accent-deep);border:0;background:none}
#lm1 .btn[disabled]{opacity:.55;cursor:progress}
#lm1 .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* ================= KONVERZIOS KIEGESZITESEK ================= */
#lm1 .metaline{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;font-size:12px;color:var(--muted);
  margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#lm1 .metaline b{color:var(--accent-deep);font-weight:600}
#lm1 .metaline .dot{opacity:.5}
#lm1 .flip.lite{padding:12px 15px;margin-top:16px;background:var(--wash2);border-style:dashed}
#lm1 .flip.lite .q{font-family:var(--body);font-weight:600;font-size:14px;color:var(--accent-deep)}
#lm1 .flip.lite .plus{width:22px;height:22px;font-size:13px;background:#fff}
#lm1 .flip.lite .a-inner p{font-size:13.5px;color:#5a4b3f}
#lm1 .sharebox{margin-top:16px;background:var(--wash2);border:1px dashed var(--line);border-radius:13px;
  padding:15px;text-align:center}
#lm1 .sharebox .st{font-family:var(--disp);font-weight:400;font-size:18px;color:var(--accent-deep);margin-bottom:3px}
#lm1 .sharebox .ss{font-size:13px;color:#5a4b3f;margin-bottom:12px}
#lm1 .sharebox .btn{flex:0 0 auto;font-size:14px;padding:11px 22px}
#lm1 .sharebox .hint{font-size:11.5px;color:var(--muted);margin-top:9px;line-height:1.45}
#lm1 .earlybox{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px}
#lm1 .earlybox .st{font-family:var(--disp);font-weight:400;font-size:19px;color:var(--ink);margin-bottom:3px}
#lm1 .earlybox .ss{font-size:13px;color:var(--muted);margin-bottom:11px;line-height:1.5}
#lm1 .earlybox .btn{flex:0 0 auto;width:100%;font-size:14.5px;padding:12px 18px}
#lm1 .earlybox .skip{display:block;width:100%;background:none;border:0;color:var(--muted);font:inherit;
  font-size:12.5px;text-decoration:underline;cursor:pointer;padding:10px 0 0;text-align:center}
#lm1 .earlybox .skip:hover{color:var(--accent-deep)}
#lm1 .earlybox.done{background:var(--wash2);border-style:dashed}

/* prefers-reduced-motion: a közös style.css *, *::before, *::after szabálya (!important) már
   mindenre - így a #lm1 tartalmára is - kikapcsolja az animációt/átmenetet, nem kell itt ismételni */

/* ==========================================================================
   Közös segédosztályok engedélyezése a kvíz szűkített reset-rétege alatt
   (a fenti reset nagyobb fajlagossággal ír felül mindent, ezért a style.css
   közös osztályai - .kozep, .ter-fent, .ter-fent-kicsi - itt csak egy
   #lm1-es, azonos fajlagosságú szabállyal tudnak érvényesülni)
   ========================================================================== */
#lm1 .kozep{text-align:center}
#lm1 .ter-fent-kicsi{margin-top:12px}
#lm1 .ter-fent{margin-top:14px}
/* az összegzés végi kiemelt idézethez (dőlt, nagyobb, kis térközzel) */
#lm1 .zaro-idezet{font-family:var(--disp);font-style:italic;font-size:19px;margin-top:14px}