/* Shared Verilog code-block styling + syntax highlight colors for EcrioniX course lessons */
.code-panel{background:#0c1526;border:1px solid rgba(148,163,184,.1);border-radius:10px;margin:1.2rem 0;overflow:hidden}
.code-panel-head{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 1rem;background:rgba(56,189,248,.06);border-bottom:1px solid rgba(148,163,184,.1);font-size:0.78rem;color:#94a3b8;font-weight:600;font-family:'Outfit',sans-serif}
.code-panel pre{
  margin:0;padding:1rem;overflow-x:auto;
  font-family:'JetBrains Mono',monospace;font-size:0.82rem;line-height:1.65;color:#c8d3e8;
  /* Disable code-font ligatures so <= renders as two characters, not a merged ≤ glyph */
  font-variant-ligatures:none;-webkit-font-variant-ligatures:none;
  font-feature-settings:"liga" 0,"calt" 0;-webkit-font-feature-settings:"liga" 0,"calt" 0;
}
.copy-btn{background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.35);color:#38bdf8;padding:0.3rem 0.7rem;border-radius:6px;cursor:pointer;font-size:0.72rem;font-family:'Outfit',sans-serif;font-weight:700}
.copy-btn:hover{background:rgba(56,189,248,.28)}
.sim-cta{display:inline-flex;align-items:center;gap:0.4rem;background:linear-gradient(135deg,#38bdf8,#2dd4bf);color:#020617;font-weight:700;padding:0.7rem 1.3rem;border-radius:8px;font-size:0.88rem;margin-top:0.4rem;text-decoration:none}
.sim-cta:hover{opacity:0.9;text-decoration:none}

@media (max-width:768px){
  .code-panel-head{flex-wrap:wrap;gap:0.45rem;padding:0.55rem 0.85rem}
  .code-panel pre{padding:0.85rem;font-size:0.76rem;line-height:1.55;-webkit-overflow-scrolling:touch}
  .copy-btn{min-height:36px;padding:0.4rem 0.75rem}
  .sim-cta{width:100%;justify-content:center;box-sizing:border-box;min-height:44px}
}
@media (max-width:480px){
  .code-panel pre{font-size:0.72rem;padding:0.75rem}
}

/* Verilog syntax highlight tokens */
.hl-kw{color:#a78bfa}     /* control/structural keywords: module, begin, if, always... */
.hl-type{color:#fbbf24}   /* input/output/reg/wire/integer... */
.hl-edge{color:#2dd4bf}   /* posedge / negedge */
.hl-num{color:#fb923c}    /* numeric literals incl. sized literals like 1'b0 */
.hl-str{color:#86efac}    /* "strings" */
.hl-cmt{color:#5a728a;font-style:italic}  /* // comments */
.hl-sys{color:#7dd3fc}    /* $system tasks */