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

ol.steps{margin:12px 0; padding-left:22px;}
ol.steps li{margin:9px 0;}
pre.good{border-left-color:var(--green);}
/* három hasábos kódösszehasonlítás */
  .cols3{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin:18px 0;}
.cols3 .col{background:var(--panel); border:1px solid var(--line); border-radius:13px; overflow:hidden;}
.cols3 .col.best{border-color:var(--accent); border-width:2px;}
.cols3 .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;}
.cols3 .col.best .ch{color:var(--accent); background:var(--tip-bg);}
.cols3 .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;}
.cols3 .col pre{margin:0; border:none; border-radius:0; border-left:none; font-size:.8rem;}
.drill .kod{background:transparent; border:none; padding:0; margin:0 0 14px; font-family:Consolas,"Courier New",monospace; font-size:.86rem; line-height:1.6; white-space:pre; overflow-x:auto; color:var(--card-in-ink);}
.drill .opts button{flex:1 1 160px; 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; white-space:pre-line; text-align:center; line-height:1.5;}
.drill .opts button.mono{font-family:Consolas,monospace; font-size:.88rem;}

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