/* ============================================================
   12 — Összefésülés: oldalspecifikus elemek
   irány-ábra · kis gráfok · Merge-labor · GUI-kártyák
   (a Git-szimulátor stílusa: assets/terminal-sim.css, a gráfé: assets/git-graf.css)
   ============================================================ */

.ix.term::before{content:"⌨ GIT-SZIMULÁTOR";}
.side-lbl{margin:0 0 6px; font-weight:800; font-size:.9rem;}
.grid2 pre{margin-top:0;}
.gg-doboz.kicsi{margin-top:0;}

/* ---------- irány: forrás → cél ---------- */
.irany{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:14px 0; justify-content:center;}
.ir-dob{border:2px solid var(--line); border-radius:12px; padding:10px 16px; text-align:center; background:var(--panel); min-width:170px;}
.ir-dob b{display:block; font-family:"Cascadia Mono",Consolas,monospace; color:var(--ink-strong);}
.ir-dob small{color:var(--muted); font-size:.8rem;}
.ir-dob.forras{border-color:#2dd4bf;} .ir-dob.cel{border-color:var(--accent);}
.ir-nyil{font-weight:800; color:var(--accent2);}
.ir-nyil code{font-family:"Cascadia Mono",Consolas,monospace; font-size:.86rem;}

td.utk{color:var(--red); font-weight:700;}

/* ---------- Merge-labor ---------- */
.ix.mergelab::before{content:"🔀 MERGE-LABOR";}
.ml-opts{display:flex; flex-direction:column; gap:8px; margin:10px 0 14px;}
.ml-csop{display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.ml-lbl{font-size:.74rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); min-width:74px;}
.ml-b{font:inherit; font-size:.85rem; padding:5px 12px; border-radius:99px; cursor:pointer; background:var(--panel2); color:var(--ink); border:1px solid var(--line);}
.ml-b[data-mod]{font-family:"Cascadia Mono",Consolas,monospace; font-size:.8rem;}
.ml-b:hover{border-color:var(--accent);}
.ml-b[aria-pressed="true"]{background:var(--accent); color:var(--accent-ink); border-color:var(--accent); font-weight:700;}
pre.ml-ki{margin:12px 0 0; font-size:.82rem; white-space:pre-wrap; min-height:3em;}
pre.ml-ki .e{color:#f87171;} pre.ml-ki .g{color:#4ade80;} pre.ml-ki .p{color:#6b7684;}
.ml-magy{margin-top:10px; font-size:.93rem; line-height:1.55;}

/* ---------- GUI-kártyák ---------- */
.gui-cards{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin:16px 0;}
.gc{min-width:0; overflow-wrap:anywhere; background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 16px;}
.gc-h{font-weight:800; color:var(--ink-strong); margin-bottom:8px; display:flex; gap:8px; align-items:center;}
.gc ul{margin:0; padding-left:18px; font-size:.9rem; line-height:1.5;}
.gc li{margin-bottom:6px;}

@media (max-width:860px){
  .gui-cards{grid-template-columns:minmax(0,1fr);}
}

/* előtte / utána gráfpár: egymás alatt, hogy elférjenek */
.gg-par{display:flex; flex-direction:column; gap:10px; margin:14px 0;}
.gg-par .side-lbl{margin-bottom:4px;}