/* 3.1.0: Create KB, more (kb-compose-more.js): a proposed revision beside the article, its diff, the language test */
.kbm-side { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kbm-side h3 { margin: 0 0 6px; font-size: 0.95em; }
.kbm-before { white-space: pre-wrap; word-break: break-word; margin: 0; padding: 8px; max-height: 420px; overflow: auto; background: var(--bg-soft, rgba(127,127,127,.08)); border-radius: 6px; font: inherit; }
.kbm-after { width: 100%; min-height: 300px; box-sizing: border-box; }
.kbm-diff { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px; max-height: 360px; overflow: auto; border: 1px solid var(--border, rgba(127,127,127,.3)); border-radius: 6px; }
.kbm-l { white-space: pre-wrap; word-break: break-word; padding: 1px 6px; }
.kbm-op { display: inline-block; width: 1.2em; opacity: .7; }
.kbm-add { background: rgba(46, 160, 67, .15); }
.kbm-del { background: rgba(248, 81, 73, .15); text-decoration: line-through; text-decoration-color: rgba(248, 81, 73, .6); }
.kbm-actions { display: grid; gap: 8px; margin-top: 8px; }
.kbm-eval li { margin: 6px 0; }
@media (max-width: 760px) { .kbm-side { grid-template-columns: 1fr; } }