/* Scoped styles for the LNAL instruction runner demo */
.lnal-demo { border: 1px solid #233; background: #0d1424; border-radius: 10px; padding: 1rem; margin-top: 0.5rem; }
.lnal-demo .demo-controls { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; }
.lnal-demo .demo-controls button { background: #1b2640; color: #fff; border: 1px solid #2b3a60; border-radius: 6px; padding: 0.5rem 0.75rem; cursor: pointer; }
.lnal-demo .demo-controls button:hover { background: #223058; }
.lnal-demo .demo-status { display: flex; gap: 1.25rem; margin-bottom: 0.75rem; color: #cfe0ff; }
.lnal-demo .demo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }
.lnal-demo .panel { background: #0b1220; border: 1px solid #1a2744; border-radius: 8px; padding: 0.75rem; }
.lnal-demo .panel h4 { margin: 0 0 0.5rem 0; color: #fff; font-weight: 600; }
.lnal-demo .kv { display: flex; justify-content: space-between; padding: 0.25rem 0; border-bottom: 1px dashed #1f2b46; color: #d8e4ff; }
.lnal-demo .kv:last-child { border-bottom: none; }
.lnal-demo .cycle-list { margin: 0; padding-left: 1.25rem; color: #d8e4ff; }
.lnal-demo .cycle-list li.active { color: #ff69b4; font-weight: 700; }
@media (max-width: 768px) { .lnal-demo .demo-grid { grid-template-columns: 1fr; } }