/* ============================================================
   03 — Parancssor-alapok: oldalspecifikus elemek
   Parancs-anatómia · Útvonal-kereső (a terminál-szimulátor stílusa: assets/terminal-sim.css)
   ============================================================ */

.small{font-size:.9rem; color:var(--muted);}
table.data tr.diff td{background:var(--accent-soft);}

/* ---------- Parancs-anatómia ----------
   Színek: program = narancs · alparancs = türkiz · kapcsoló = lila · argumentum = kék */
.anat{
  display:flex; flex-wrap:wrap; gap:10px 8px; align-items:flex-start;
  background:var(--code-bg); border:1px solid var(--line); border-radius:12px; padding:16px 18px 12px; margin:14px 0;
}
.anat .tok{display:flex; flex-direction:column; align-items:center; gap:6px;}
.anat .tok code{
  font-family:"Cascadia Mono",Consolas,monospace; font-size:1.05rem; color:var(--code-ink);
  padding:3px 8px 5px; border-bottom:3px solid; border-radius:4px 4px 0 0;
}
.anat .tok small{font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em;}
.anat .prog code{border-color:#f5693f;} .anat .prog small{color:#ff8a65;}
.anat .sub code{border-color:#2dd4bf;}  .anat .sub small{color:#2dd4bf;}
.anat .opt code{border-color:#a78bfa;}  .anat .opt small{color:#a78bfa;}
.anat .arg code{border-color:#60a5fa;}  .anat .arg small{color:#60a5fa;}
.lg{display:inline-block; font-weight:700; font-size:.82rem; padding:1px 8px; border-radius:6px; border-bottom:3px solid;}
.lg.prog{border-color:#f5693f;} .lg.sub{border-color:#2dd4bf;} .lg.opt{border-color:#a78bfa;} .lg.arg{border-color:#60a5fa;}

/* ---------- Útvonal-kereső ---------- */
.ix.pathx::before{content:"🧭 ÚTVONAL-KERESŐ";}
.px-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:18px; margin-top:12px;}
.px-tree, .px-tree ul{list-style:none; margin:0; padding:0;}
.px-tree{background:var(--card-in); border:1px solid var(--line); border-radius:12px; padding:10px 8px; font-size:.9rem;}
.px-tree ul{padding-left:18px; border-left:1px dashed var(--line); margin-left:11px;}
.px-tree button{
  display:flex; align-items:center; gap:6px; width:100%; text-align:left; background:none; border:1px solid transparent;
  border-radius:7px; padding:3px 8px; cursor:pointer; color:var(--card-in-ink); font:inherit;
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.86rem;
}
.px-tree button:hover{border-color:var(--line); background:var(--panel2);}
.px-tree button[aria-selected="true"]{border-color:var(--accent); background:var(--accent-soft);}
.px-tree button.here{font-weight:800; color:var(--cyan);}
.px-tree button.here::after{content:"📍 itt állsz"; margin-left:auto; font-family:"Segoe UI",sans-serif; font-size:.72rem; color:var(--cyan); font-weight:700;}
.px-tree button.hidden-f{opacity:.7;}
.px-info{display:flex; flex-direction:column; gap:7px; min-width:0;}
.px-row{display:grid; grid-template-columns:150px minmax(0,1fr); gap:10px; align-items:baseline; font-size:.86rem;}
.px-row > span{color:var(--muted); font-weight:700;}
.px-row code{
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.86rem; background:var(--card-in); color:var(--card-in-ink);
  border:1px solid var(--line); border-radius:7px; padding:4px 9px; overflow-wrap:anywhere;
}
.px-row.hl code{border-color:var(--accent); color:var(--accent2); font-weight:700;}
.px-info .bar{margin-top:6px;}

@media (max-width:860px){
  .px-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .px-row{grid-template-columns:1fr; gap:3px;}
}