/* ============================================================
   26 — GitHub Pages: oldalspecifikus elemek
   igen/nem kártyák · Webcím-kalkulátor · Link-doktor · Böngésző · Pages-labor
   ============================================================ */

.ix.term::before{content:"⌨ PAGES-LABOR";}
ol.lepesek{padding-left:22px;}
ol.lepesek li{margin-bottom:6px;}
.ok-jel{color:var(--green); font-weight:700;} .hiba-jel{color:var(--red); font-weight:700;}
#gh26{margin-top:14px;}

/* ---------- igen/nem kártyák ---------- */
.pg-kartya{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:10px 14px; min-width:0;}
.pg-kartya.jo{border-color:color-mix(in srgb, var(--green) 50%, transparent);}
.pg-kartya.rossz{border-color:color-mix(in srgb, var(--red) 50%, transparent);}
.pg-kartya b{color:var(--ink-strong);}
.pg-kartya ul{margin:6px 0 0; padding-left:18px; font-size:.9rem;}

/* ---------- Webcím-kalkulátor ---------- */
.ix.urlkalk::before{content:"🔗 WEBCÍM-KALKULÁTOR";}
.uk-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:10px 0;}
.uk-grid label{font-weight:700; font-size:.84rem; color:var(--ink-strong);}
.uk-grid input{display:block; width:100%; margin-top:3px; font:inherit; font-weight:400; font-size:.88rem; color:var(--ink); background:var(--card-in); border:1px solid var(--line); border-radius:8px; padding:6px 10px;}
.uk-ki{background:var(--code-bg); color:var(--code-ink); border-radius:10px; padding:10px 14px; font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem; overflow-wrap:anywhere;}
.uk-ki .c{color:#ffa07a;} .uk-ki .m{color:#9aa4b2; font-family:"Segoe UI",sans-serif; font-size:.8rem;}

/* ---------- Link-doktor ---------- */
.ix.doktor::before{content:"🩺 LINK-DOKTOR";}
#ldKod{width:100%; font:.84rem/1.55 "Cascadia Mono",Consolas,monospace; color:var(--code-ink); background:var(--code-bg); border:1px solid var(--line); border-radius:10px; padding:10px 12px;
  resize:vertical; margin-top:10px; white-space:pre; overflow-x:auto;}
#ldKod:focus{outline:2px solid var(--accent); outline-offset:0;}
.ld-pont{font-weight:800; color:var(--accent2); align-self:center;}
.ld-lista{list-style:none; margin:10px 0 0; padding:0; font-size:.88rem;}
.ld-lista li{display:flex; gap:8px; padding:5px 8px; border-radius:8px; margin-bottom:4px; background:var(--card-in); border:1px solid var(--line); overflow-wrap:anywhere;}
.ld-lista li code{font-family:"Cascadia Mono",Consolas,monospace; font-size:.82rem; color:var(--icode-ink);}
.ld-lista li.jo{border-color:color-mix(in srgb, var(--green) 45%, transparent);}
.ld-lista li.rossz{border-color:color-mix(in srgb, var(--red) 55%, transparent);}
.ld-lista .j{flex:0 0 auto; font-weight:800;} .ld-lista li.jo .j{color:var(--green);} .ld-lista li.rossz .j{color:var(--red);}

/* ---------- Böngésző ---------- */
.ix.bongeszo-ix::before{content:"🌐 BÖNGÉSZŐ";}
.bg-sav{display:flex; gap:6px; align-items:center; background:var(--panel2); border:1px solid var(--line); border-radius:10px 10px 0 0; padding:6px 8px; margin-top:10px;}
.bg-gomb{font:inherit; font-size:.88rem; color:var(--ink); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:3px 10px; cursor:pointer; white-space:nowrap;}
.bg-gomb:hover{border-color:var(--accent);}
.bg-menj{font-weight:700;}
#bgCim{flex:1; min-width:0; font:.84rem "Cascadia Mono",Consolas,monospace; color:var(--ink); background:var(--card-in); border:1px solid var(--line); border-radius:999px; padding:5px 12px;}
#bgCim:focus{outline:2px solid var(--accent); outline-offset:0;}
.bg-lap{border:1px solid var(--line); border-top:0; border-radius:0 0 10px 10px; background:#ffffff; color:#111111; min-height:220px; max-height:420px; overflow:auto;}

@media (max-width:640px){
  .uk-grid{grid-template-columns:minmax(0,1fr);}
  .bg-menj{display:none;}
}