/* ============================================================
   29 — Fogalomtár: oldalspecifikus elemek
   kereshető szótár · Párosító · Szókártyák
   ============================================================ */

/* ---------- szótár ---------- */
.ix.szotar::before{content:"📖 FOGALOMTÁR";}
.sz-keres{display:flex; gap:10px; align-items:center; margin:10px 0 8px;}
.sz-keres input{flex:1; min-width:0; font:inherit; font-size:.95rem; color:var(--ink); background:var(--card-in); border:1px solid var(--line); border-radius:10px; padding:8px 12px;}
.sz-keres input:focus{outline:2px solid var(--accent); outline-offset:0;}
.sz-db{font-size:.85rem; color:var(--muted); white-space:nowrap;}
.sz-chipek, .sz-abc{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px;}
.sz-chipek button, .sz-abc button{font:inherit; font-size:.8rem; font-weight:700; color:var(--ink); background:var(--opt-bg); border:1px solid var(--line); border-radius:999px; padding:3px 10px; cursor:pointer;}
.sz-abc button{border-radius:6px; min-width:28px; padding:2px 6px; font-family:"Cascadia Mono",Consolas,monospace;}
.sz-chipek button[aria-pressed="true"], .sz-abc button[aria-pressed="true"]{background:var(--accent); border-color:var(--accent); color:var(--accent-ink);}
.sz-abc button:disabled{opacity:.3; cursor:default;}
.sz-lista{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin-top:6px;}
.sz-elem{background:var(--card-in); border:1px solid var(--line); border-radius:10px; padding:9px 12px; min-width:0; overflow-wrap:anywhere;}
.sz-elem .sz-a{font-weight:800; color:var(--ink-strong);}
.sz-elem .sz-m{color:var(--accent2); font-weight:700;}
.sz-elem p{margin:4px 0 0; font-size:.88rem; line-height:1.45;}
.sz-elem code{font-family:"Cascadia Mono",Consolas,monospace; font-size:.78rem; color:var(--icode-ink); background:var(--icode-bg); border-radius:5px; padding:1px 6px; display:inline-block; margin-top:4px;}
.sz-elem .sz-f{float:right; font-size:.74rem; font-weight:800; text-decoration:none; color:var(--cyan); border:1px solid color-mix(in srgb, var(--cyan) 40%, transparent); border-radius:6px; padding:0 6px; margin-left:6px;}
.sz-elem mark{background:color-mix(in srgb, var(--orange) 40%, transparent); color:inherit; border-radius:3px;}
.sz-ures{grid-column:1 / -1; color:var(--muted); text-align:center; padding:16px;}

/* ---------- Párosító ---------- */
.ix.paros::before{content:"🔗 PÁROSÍTÓ";}
.pr-beall, .kt-beall{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:10px 0;}
.pr-beall label, .kt-beall label{font-size:.85rem; font-weight:700; color:var(--ink-strong);}
.pr-beall select, .kt-beall select{font:inherit; font-size:.85rem; color:var(--ink); background:var(--card-in); border:1px solid var(--line); border-radius:8px; padding:4px 8px; margin-left:4px;}
.pr-grid{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:12px;}
.pr-oszlop{display:flex; flex-direction:column; gap:6px;}
.pr-oszlop button{font:inherit; font-size:.88rem; text-align:left; color:var(--ink); background:var(--opt-bg); border:1px solid var(--line); border-radius:9px; padding:7px 11px; cursor:pointer; line-height:1.35;}
.pr-oszlop button:hover{border-color:var(--accent);}
.pr-oszlop button[aria-pressed="true"]{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft);}
.pr-oszlop button.jo{background:var(--ok-bg); border-color:var(--green); color:var(--ok-ink); cursor:default;}
.pr-oszlop button.rossz{background:var(--bad-bg); border-color:var(--red); color:var(--bad-ink);}
.pr-eredm{font-weight:700; min-height:1.4em;}

/* ---------- Szókártyák ---------- */
.ix.kartya-ix::before{content:"🃏 SZÓKÁRTYÁK";}
.kt-allas{margin-left:auto; font-size:.85rem; color:var(--muted);}
.kt-kartya{display:grid; place-items:center; width:100%; min-height:180px; margin:6px 0 10px; padding:18px; border-radius:16px; cursor:pointer;
  background:linear-gradient(135deg, var(--panel2), var(--card-in)); border:2px solid var(--line); color:var(--ink); font:inherit; text-align:center;}
.kt-kartya:hover{border-color:var(--accent);}
.kt-kartya .kt-fo{font-size:1.5rem; font-weight:800; color:var(--ink-strong);}
.kt-kartya .kt-al{font-size:.95rem; margin-top:8px; line-height:1.5; max-width:560px;}
.kt-kartya .kt-m{color:var(--accent2); font-weight:800; font-size:1.2rem;}
.kt-kartya .kt-tipp{font-size:.8rem; color:var(--muted); margin-top:10px;}
.kt-kartya.hatul{border-color:var(--accent);}

@media (max-width:760px){
  .sz-lista{grid-template-columns:minmax(0,1fr);}
  .pr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .pr-oszlop button{font-size:.8rem; padding:6px 8px;}
}
.kt-kartya code{display:block; margin:8px auto 0; font-family:"Cascadia Mono",Consolas,monospace; font-size:.8rem; color:var(--icode-ink); background:var(--icode-bg); border-radius:6px; padding:2px 8px; width:max-content; max-width:100%; overflow-wrap:anywhere;}
.kt-kartya .kt-tipp{display:block;}