/* self-organising-text.css */
.ising-widget {
    border: 1px solid var(--border, rgba(0,0,0,0.1));
    border-radius: 12px;
    padding: 12px;
    background: var(--panel, rgba(0,0,0,0.02));
    margin: 12px 0 24px;
  }
  .ising-controls {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    font-size: 0.95rem;
  }
  .ising-controls input[type="range"] { width: 220px; }
  .ising-controls output { min-width: 3.8ch; text-align: right; font-variant-numeric: tabular-nums; }
  .ising-controls .inline { display: inline-flex; align-items: center; gap: 6px; }
  #ising-canvas, #ir-canvas {
    width: 100%;
    height: 220px;           /* CSS display height; canvas will be pixel-scaled */
    image-rendering: pixelated;
    border-radius: 8px;
    background: #fff;
    display: block;
  }
  .ising-hint { opacity: 0.7; }
  

.mchart-lite{border:1px solid var(--border,rgba(0,0,0,.1));border-radius:12px;padding:12px;background:var(--panel,rgba(0,0,0,.02));margin:12px 0 24px}
.mctrl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px;font-size:.95rem}
.mctrl input[type="range"]{width:160px}
.mctrl output{min-width:3.6ch;text-align:right;font-variant-numeric:tabular-nums}
#mCanvasLite{width:100%;height:220px;background:#fff;border-radius:8px;display:block;image-rendering:crisp-edges}
.mnote{opacity:.7}


.post img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    margin: 1em auto;
  }