/* Verilog article figures use the original site's colors and typography. */
.post .vg-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.post .vg-stage{min-height:74px;border:1px solid var(--line);background:var(--surface-sunk);color:var(--ink-soft);border-radius:3px;text-align:left;padding:9px 7px;cursor:pointer}
.post .vg-stage[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.post .vg-stage b{display:block;font:600 12px/17px var(--font-sans)}
.post .vg-stage small{display:block;margin-top:5px;color:var(--ink-faint);font:10px/15px var(--font-mono)}
.post .vg-prefill-controls,.post .vg-layer-control{display:grid;grid-template-columns:1fr;gap:8px;color:var(--ink);font:12px/19px var(--font-mono)}
.post .vg-prefill-controls output,.post .vg-layer-control output{color:var(--accent)}
.post .vg-prefill-controls input,.post .vg-layer-control input{width:100%;accent-color:var(--accent)}
.post .vg-prefill-track{display:flex;gap:3px;align-items:stretch;min-height:50px;margin-top:20px;overflow:hidden}
.post .vg-prefill-step{flex:1 1 0;border:1px solid var(--accent);background:var(--accent-soft);border-radius:2px;min-width:0;display:grid;place-items:center;color:var(--accent);font:10px var(--font-mono)}
.post .vg-prefill-result{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;color:var(--ink-soft);font:12px/19px var(--font-mono)}
.post .vg-tensors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}
.post .vg-tensor{border:1px solid var(--line);background:var(--surface-sunk);border-radius:3px;min-height:65px;padding:9px;text-align:left;cursor:pointer;color:var(--ink-soft)}
.post .vg-tensor[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.post .vg-tensor b{display:block;font:600 11px/16px var(--font-sans)}
.post .vg-tensor small{display:block;margin-top:4px;color:var(--ink-faint);font:10px/15px var(--font-mono)}
.post .vg-heads{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}
.post .vg-qhead{border:1px solid var(--line);background:var(--surface-sunk);color:var(--ink-soft);border-radius:3px;min-height:40px;font:11px var(--font-mono);cursor:pointer;padding:3px}
.post .vg-qhead[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.post .vg-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.post .vg-kv-head{border:1px solid var(--line);background:var(--surface-sunk);color:var(--ink-faint);border-radius:3px;padding:12px 5px;text-align:center;font:11px var(--font-mono)}
.post .vg-kv-head.active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.post .vg-head-note{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;color:var(--ink-soft);font:12px/19px var(--font-mono)}
@media(max-width:600px){.post .vg-path{grid-template-columns:repeat(2,minmax(0,1fr))}.post .vg-tensors{grid-template-columns:repeat(2,minmax(0,1fr))}.post .vg-heads{grid-template-columns:repeat(3,minmax(0,1fr))}}