/* ============================================================
   22 — Fork és hozzájárulás: oldalspecifikus elemek
   Fork-útvonal · base/compare minta · GUI-kártyák · Fork-labor (három gráf)
   ============================================================ */

.ix.term::before{content:"⌨ FORK-LABOR";}
.side-lbl{margin:0 0 6px; font-weight:800; font-size:.9rem;}
.grid2 pre{margin-top:0;}
ol.lepesek{padding-left:22px;}
ol.lepesek li{margin-bottom:6px;}
.gg-par{display:flex; flex-direction:column; gap:10px; margin-top:14px;}
.gg-par .gg-doboz{margin-top:0;}

/* ---------- Fork-útvonal ---------- */
.ix.utvonal::before{content:"🍴 FORK-ÚTVONAL";}
.fu-helyek{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:12px 0;}
.fu-hely{background:var(--card-in); border:1px solid var(--line); border-radius:12px; padding:10px 12px; min-width:0; transition:border-color .25s, box-shadow .25s;}
.fu-hely.aktiv{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft);}
.fu-hely.halvany{opacity:.45;}
.fu-cim{font-weight:800; color:var(--ink-strong); font-size:.9rem; overflow-wrap:anywhere;}
.fu-al{font-size:.76rem; color:var(--muted); margin-bottom:8px;}
.fu-agak{display:flex; flex-direction:column; gap:6px; min-height:52px;}
.fu-ag{display:flex; flex-wrap:wrap; align-items:center; gap:4px;}
.fu-agnev{font-family:"Cascadia Mono",Consolas,monospace; font-size:.74rem; color:var(--cyan); min-width:100%; margin-bottom:1px;}
.fu-c{display:inline-grid; place-items:center; min-width:24px; height:24px; padding:0 5px; border-radius:12px; background:var(--panel2); border:1px solid var(--line);
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.74rem; font-weight:700; color:var(--ink);}
.fu-c.uj{background:var(--accent); border-color:var(--accent); color:var(--accent-ink);}
.fu-c.m{border-radius:6px;}
.fu-ures{font-size:.8rem; color:var(--muted); font-style:italic;}
.fu-lepes{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:10px 14px; margin-top:4px;}
.fu-szam{font-size:.78rem; font-weight:800; color:var(--accent2); letter-spacing:.06em;}
.fu-nyil{font-weight:800; color:var(--ink-strong); margin:2px 0;}
.fu-szoveg{margin:4px 0 6px; font-size:.93rem;}
pre.fu-parancs{margin:0; font-size:.8rem; white-space:pre-wrap;}
pre.fu-parancs:empty{display:none;}

/* ---------- base/compare minta ---------- */
.cmp-minta{display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin:12px 0;}
.cm-ag{font-family:"Cascadia Mono",Consolas,monospace; font-size:.8rem; background:var(--blue-soft); color:var(--blue); border-radius:6px; padding:3px 9px; overflow-wrap:anywhere;}
.cm-ag b{color:inherit;}
.cm-nyil{font-size:1.2rem; color:var(--muted);}

/* ---------- GUI-kártyák ---------- */
.gui-cards{display:grid; grid-template-columns:repeat(2, 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;}
.gc ul ul{margin-top:4px;}

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