/* ============================================================
   Git és GitHub tananyag — a TESZTMOTOR stílusa (assets/teszt.js): 30. és 31. fejezet
   ============================================================ */

.tz-fej{display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; font-size:.9rem; margin:8px 0 6px;}
.tz-cim{font-weight:800; color:var(--ink-strong); margin-right:auto;}
.tz-hol, .tz-pont{color:var(--muted); font-weight:700;}
.tz-ido{font-family:"Cascadia Mono",Consolas,monospace; font-weight:800; color:var(--ink-strong); background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:2px 10px;}
.tz-ido.keves{color:var(--red); border-color:var(--red);}
.tz-pbar{margin-bottom:12px;}
.tz-kartya{background:var(--card-in); border:1px solid var(--line); border-radius:14px; padding:14px 16px;}
.tz-meta{display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.78rem; margin-bottom:6px;}
.tz-f{color:var(--cyan); font-weight:800;}
.tz-t{color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:0 8px;}
.tz-jel{margin-left:auto; font:inherit; font-size:.78rem; font-weight:700; color:var(--muted); background:none; border:1px solid var(--line); border-radius:8px; padding:2px 8px; cursor:pointer;}
.tz-jel.be{color:var(--orange); border-color:var(--orange);}
.tz-q{font-size:1.05rem; font-weight:700; color:var(--ink-strong); margin:4px 0 12px; overflow-wrap:anywhere;}
.tz-opts{display:flex; flex-direction:column; gap:7px;}
.tz-opt{display:flex; gap:8px; align-items:flex-start; text-align:left; font:inherit; font-size:.94rem; color:var(--ink); background:var(--opt-bg); border:1px solid var(--line); border-radius:10px;
  padding:9px 12px; cursor:pointer; line-height:1.4; overflow-wrap:anywhere;}
.tz-opt:hover:not(:disabled){border-color:var(--accent);}
.tz-opt:disabled{cursor:default;}
.tz-opt.valasztott{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft);}
.tz-opt.jo{background:var(--ok-bg); border-color:var(--green); color:var(--ok-ink);}
.tz-opt.rossz{background:var(--bad-bg); border-color:var(--red); color:var(--bad-ink);}
.tz-opt.kimaradt{border-color:var(--green); border-style:dashed;}
.tz-negyzet{flex:0 0 auto; font-size:1.05rem; line-height:1.2;}
.tz-fb{margin-top:10px; padding:9px 12px; border-radius:10px; font-size:.9rem;}
.tz-fb.jo{background:var(--ok-bg); color:var(--ok-ink);} .tz-fb.rossz{background:var(--bad-bg); color:var(--bad-ink);}
.tz-fb a{font-weight:700;}
.tz-nav{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
.tz-racs{display:flex; flex-wrap:wrap; gap:5px; margin-top:12px;}
.tz-racs button{width:34px; height:30px; font:700 .78rem "Cascadia Mono",Consolas,monospace; color:var(--muted); background:var(--opt-bg); border:1px solid var(--line); border-radius:7px; cursor:pointer;}
.tz-racs button.kesz{color:var(--ink-strong); background:var(--panel2); border-color:var(--cyan);}
.tz-racs button.jel{box-shadow:inset 0 -3px 0 var(--orange);}
.tz-racs button.akt{outline:2px solid var(--accent); outline-offset:1px;}
.tz-eredm h4{margin:16px 0 8px;}
.tz-nagy{display:flex; flex-wrap:wrap; gap:8px 18px; align-items:baseline; background:var(--card-in); border:1px solid var(--line); border-radius:14px; padding:14px 18px;}
.tz-szaz{font-size:2.4rem; font-weight:900; color:var(--ink-strong); line-height:1;}
.tz-jegy{font-weight:800; border-radius:8px; padding:2px 10px;}
.tz-jegy.j5, .tz-jegy.j4{background:var(--ok-bg); color:var(--ok-ink);} .tz-jegy.j3{background:var(--warn-bg); color:var(--orange);} .tz-jegy.j2, .tz-jegy.j1{background:var(--bad-bg); color:var(--bad-ink);}
.tz-halv{color:var(--muted); font-size:.85rem;}
.tz-temak{display:flex; flex-direction:column; gap:6px;}
.tz-tema{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto; gap:10px; align-items:center; font-size:.9rem;}
.tz-savh{height:10px; background:var(--panel2); border-radius:5px; overflow:hidden;}
.tz-savh i{display:block; height:100%; background:var(--green);}
.tz-rossz{padding-left:20px;}
.tz-rossz li{margin-bottom:12px;}
.tz-rossz .tz-q{font-size:.95rem; margin:0 0 4px;}
.tz-rossz p{margin:2px 0;}
.tz-rossz-v{color:var(--red);} .tz-jo-v{color:var(--green);}
.tz-hibatlan{font-weight:800; color:var(--green);}
/* párosító */
.tz-par{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:10px;}
.tz-par-o{display:flex; flex-direction:column; gap:6px;}
.tz-par-o button{font:inherit; font-size:.86rem; text-align:left; color:var(--ink); background:var(--opt-bg); border:1px solid var(--line); border-radius:9px; padding:6px 10px; cursor:pointer; line-height:1.35; overflow-wrap:anywhere;}
.tz-par-o button:hover{border-color:var(--accent);}
.tz-par-o button[aria-pressed="true"]{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft);}
.tz-par-o button.jo{background:var(--ok-bg); border-color:var(--green); color:var(--ok-ink); cursor:default;}
.tz-par-o button.rossz{background:var(--bad-bg); border-color:var(--red); color:var(--bad-ink);}
.tz-par-e{font-weight:700; min-height:1.3em; margin:8px 0 0;}

@media (max-width:560px){
  .tz-tema{grid-template-columns:minmax(0,1fr) auto; }
  .tz-savh{grid-column:1 / -1; grid-row:2;}
  .tz-par-o button{font-size:.78rem; padding:5px 7px;}
}
.tz-kartya code, .tz-rossz code, .tz-fb code{font-family:"Cascadia Mono",Consolas,monospace; font-size:.86em; color:var(--icode-ink); background:var(--icode-bg); border-radius:5px; padding:.05em .35em;}