/* ============================================================
   15 — Címkék és verziószámok: oldalspecifikus elemek
   SemVer-ábra · Kiadás-tervező · lépéslista · GUI-kártyák
   ============================================================ */

.ix.term::before{content:"⌨ GIT-SZIMULÁTOR";}

/* ---------- SemVer-ábra ---------- */
.semver{display:flex; align-items:stretch; gap:6px; margin:16px 0; flex-wrap:wrap; justify-content:center;}
.sv{flex:1 1 180px; max-width:260px; border:2px solid var(--line); border-radius:14px; padding:12px 14px; text-align:center; background:var(--panel);}
.sv b{display:block; font-family:"Cascadia Mono",Consolas,monospace; font-size:2rem; line-height:1.1;}
.sv span{display:block; font-weight:800; letter-spacing:.12em; font-size:.8rem; margin:2px 0 6px;}
.sv small{color:var(--muted); font-size:.82rem; line-height:1.4;}
.sv.maj{border-color:#f87171;} .sv.maj b, .sv.maj span{color:#f87171;}
.sv.min{border-color:#60a5fa;} .sv.min b, .sv.min span{color:#60a5fa;}
.sv.pat{border-color:#4ade80;} .sv.pat b, .sv.pat span{color:#4ade80;}
.sv-pont{align-self:center; font-size:2rem; font-weight:800; color:var(--muted);}

/* ---------- Kiadás-tervező ---------- */
.ix.kiadas::before{content:"🚀 KIADÁS-TERVEZŐ";}
.kt-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:16px; margin-top:10px;}
.kt-col{display:flex; flex-direction:column; gap:6px; min-width:0;}
.kt-lbl{font-size:.74rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-top:4px;}
.kt-lbl code.inline{text-transform:none; letter-spacing:0;}
#ktVerzio{width:140px; font-family:"Cascadia Mono",Consolas,monospace; font-size:.95rem; color:var(--ink); background:var(--card-in); border:1px solid var(--line); border-radius:8px; padding:6px 10px;}
#ktCommitok{width:100%; resize:vertical; background:var(--code-bg); color:var(--code-ink); border:1px solid var(--line); border-radius:10px; padding:8px 10px;
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem; line-height:1.5;}
#ktVerzio:focus, #ktCommitok:focus{outline:2px solid var(--accent); outline-offset:1px;}
.kt-chk{display:flex; gap:8px; align-items:center; font-size:.88rem;}
.kt-chk input{accent-color:var(--accent);}
.ln-minta{font-size:.82rem; color:var(--muted); display:flex; gap:6px; flex-wrap:wrap; align-items:center;}
.mini-link{background:var(--panel2); border:1px solid var(--line); border-radius:99px; padding:2px 10px; font:inherit; font-size:.8rem; color:var(--ink); cursor:pointer;}
.mini-link:hover{border-color:var(--accent); color:var(--accent2);}
.kt-verzio{background:var(--card-in); border:2px solid var(--accent); border-radius:12px; padding:10px 14px;}
.kt-verzio .v{font-family:"Cascadia Mono",Consolas,monospace; font-size:1.5rem; font-weight:800; color:var(--accent2);}
.kt-verzio .m{font-size:.88rem; color:var(--muted); margin-top:2px;}
.kt-jegyzet{background:var(--card-in); border:1px solid var(--line); border-radius:10px; padding:10px 14px; font-size:.9rem;}
.kt-jegyzet h4{margin:0 0 6px; font-size:1rem; color:var(--ink-strong);}
.kt-jegyzet h5{margin:8px 0 3px; font-size:.86rem;}
.kt-jegyzet ul{margin:0; padding-left:18px;}
.kt-jegyzet li{margin:1px 0;}
.kt-jegyzet .ures{color:var(--muted); font-style:italic;}
pre.kt-parancs{margin:0; font-size:.82rem; white-space:pre-wrap;}

/* ---------- lépéslista ---------- */
ol.lepes-lista{list-style:none; counter-reset:lp; margin:14px 0; padding:0; display:flex; flex-direction:column; gap:8px;}
ol.lepes-lista li{counter-increment:lp; position:relative; padding:10px 14px 10px 50px; background:var(--panel); border:1px solid var(--line); border-radius:11px; font-size:.95rem;}
ol.lepes-lista li::before{content:counter(lp); position:absolute; left:12px; top:9px; width:26px; height:26px; border-radius:8px;
  background:var(--accent); color:var(--accent-ink); display:grid; place-items:center; font-weight:800; font-size:.85rem;}

/* ---------- 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;}

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