/* ============================================================
   Git és GitHub tananyag — a közös COMMITGRÁF-RAJZOLÓ stílusa (assets/git-graf.js)
   ============================================================ */
.gg-doboz{margin-top:14px; background:var(--code-bg); border:1px solid var(--line); border-radius:12px; padding:8px 10px 4px;}
.gg-doboz .gg-cim{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:.74rem; font-weight:800; text-transform:uppercase;
  letter-spacing:.1em; color:#8b949e; margin:2px 4px 4px;}
.gg-doboz .gg-cim span:last-child{text-transform:none; letter-spacing:0; font-weight:600;}
.gg-gorgeto{overflow-x:auto; overflow-y:hidden; padding-bottom:4px;}
.gg-svg{display:block; max-width:none; font-family:"Cascadia Mono",Consolas,monospace;}
.gg-ures{color:#8b949e; font-size:.86rem; padding:14px 6px;}
.gg-el{fill:none; stroke-width:3; stroke-linecap:round;}
.gg-el.arva{stroke-dasharray:4 5; opacity:.45;}
.gg-pont{stroke-width:2.5;}
.gg-pont.fej{stroke:#fff; stroke-width:3;}
.gg-merge{fill:none; stroke-width:2; opacity:.7;}
.gg-c.arva .gg-pont{stroke-dasharray:3 3; opacity:.6;}
.gg-c.arva .gg-hash{opacity:.5;}
.gg-c.kiemelt .gg-pont{filter:drop-shadow(0 0 6px rgba(250,204,21,.9));}
.gg-c.katt{cursor:pointer;}
.gg-c.katt:hover .gg-pont, .gg-c.katt:focus .gg-pont{stroke:#facc15; stroke-width:4;}
.gg-c:focus{outline:none;}
.gg-hash{font-size:10.5px; fill:#8b949e; text-anchor:middle;}
.gg-uz{font-size:10px; fill:#c9d1d9; text-anchor:middle; font-family:"Segoe UI",system-ui,sans-serif;}
.gg-cimke rect{fill:#30363d; stroke:#6e7681; stroke-width:1;}
.gg-cimke text{font-size:10.5px; font-weight:700; fill:#e6edf3; text-anchor:middle;}
.gg-cimke.ag rect{fill:#1f2d3d; stroke:#60a5fa;}
.gg-cimke.ag text{fill:#bfdbfe;}
.gg-cimke.fej rect{fill:#f5693f; stroke:#ffa07a;}
.gg-cimke.fej text{fill:#1a0a05;}
.gg-cimke.levalt rect{fill:#7f1d1d; stroke:#f87171;}
.gg-cimke.levalt text{fill:#fecaca;}
.gg-cimke.tav rect{fill:transparent; stroke:#f87171; stroke-dasharray:3 2;}
.gg-cimke.tav text{fill:#fca5a5;}
.gg-cimke.tag rect{fill:#3b2f0b; stroke:#facc15;}
.gg-cimke.tag text{fill:#fde68a;}
.gg-cimke.headjel rect{fill:#ffa07a; stroke:#ffa07a;}
.gg-cimke.headjel text{fill:#1a0a05; font-weight:800;}
.gg-jelmagy{display:flex; flex-wrap:wrap; gap:4px 14px; font-size:.74rem; color:#8b949e; margin:4px 4px 2px;}
.gg-jelmagy i{display:inline-block; width:18px; height:10px; border-radius:5px; vertical-align:-1px; margin-right:5px;}
.gg-jelmagy .j-fej{background:#f5693f;} .gg-jelmagy .j-ag{background:#1f2d3d; border:1px solid #60a5fa;}
.gg-jelmagy .j-levalt{background:#7f1d1d; border:1px solid #f87171;} .gg-jelmagy .j-tav{border:1px dashed #f87171;}
.gg-jelmagy .j-tag{background:#3b2f0b; border:1px solid #facc15;}