/* 04-utvonalak — csak ezen az oldalon használt szabályok.
   Előtte tölt be: ../../assets/style.css és ../blokk.css */

pre .hdr{color:#c792ea;}
pre .mth{color:#8ee79a; font-weight:700;}
pre .path{color:#82aaff;}
.cols2{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:14px; margin:18px 0;}
.cols2 .col{background:var(--panel); border:1px solid var(--line); border-radius:13px; overflow:hidden;}
.cols2 .col.best{border-color:var(--accent); border-width:2px;}
.cols2 .col .ch{padding:10px 15px; background:var(--panel3); border-bottom:1px solid var(--line); font-size:.86rem; font-weight:800; color:var(--muted); display:flex; justify-content:space-between; align-items:center; gap:8px;}
.cols2 .col.best .ch{color:var(--accent); background:var(--tip-bg);}
.cols2 .col .ch .badge{font-size:.66rem; letter-spacing:.08em; background:var(--accent); color:var(--accent-ink); padding:2px 8px; border-radius:20px; white-space:nowrap;}
.cols2 .col pre{margin:0; border:none; border-radius:0; border-left:none; font-size:.79rem;}
.ix.term-box::before{content:"⌨ SZIMULÁLT TERMINÁL";}
/* szimulált terminál — mindkét témában sötét, mint a kódblokkok */
  div.term{background:#0a100d; border:1px solid var(--line); border-radius:11px; overflow:hidden; margin-top:14px;}
div.term .chrome{display:flex; align-items:center; gap:7px; padding:9px 13px; background:#182420; border-bottom:1px solid #2f4239;}
div.term .chrome i{width:11px; height:11px; border-radius:50%; display:block;}
div.term .chrome .t{margin-left:8px; font-size:.76rem; color:#9aa8a1; font-family:Consolas,monospace;}
div.term .body{padding:14px 16px; font-family:Consolas,"Courier New",monospace; font-size:.87rem; line-height:1.65; color:#e6ece9; white-space:pre-wrap; min-height:170px; overflow-x:auto;}
div.term .body .p{color:#8ee79a; font-weight:700;}
div.term .body .o{color:#9aa8a1;}
div.term .body .g{color:#34d399;}
div.term .body .e{color:#f87171;}
div.term .body .b{color:#82aaff;}
.cmdlist{display:flex; gap:7px; flex-wrap:wrap; margin-top:14px;}
.cmdlist button{background:var(--opt-bg); border:1px solid var(--line); color:var(--ink); border-radius:8px; padding:7px 12px; cursor:pointer; font-family:Consolas,monospace; font-size:.82rem; transition:.14s;}
.cmdlist button:hover{border-color:var(--accent); color:var(--accent2);}
.term-note{margin-top:12px; font-size:.9rem; color:var(--muted); line-height:1.55; min-height:44px;}
.drill .item code{font-family:Consolas,monospace; color:var(--accent2); font-size:.94em;}
.drill .opts button{flex:1 1 170px; background:var(--opt-bg); border:1px solid var(--line); color:var(--card-in-ink); border-radius:10px; padding:11px 12px; cursor:pointer; font-size:.92rem; font-family:inherit; font-weight:600; transition:.14s;}

@media print{
  .topbar,.ix .bar,.pager,.cmdlist{display:none;}
}