/* Код и логи: pre.box, pre.code, pre.diff, inline code — токены --code-*, --diff-* */
:is(pre.box, pre.code, pre.diff) {
  --code-pad: var(--s3);
  background: var(--code-bg); color: var(--code-fg); border-radius: var(--r); padding: var(--code-pad);
  font: var(--fs-sm)/1.5 var(--font-mono); margin: 0;
}
pre.box { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 420px; overflow: auto; }
pre.code { border: var(--border-w) solid var(--border); overflow-x: auto; margin: 0 0 var(--s2); }
pre.code code { background: none; padding: 0; }
/* кнопка «Копировать» у блока кода — поверх рамки (не внутри pre), не зависит от его горизонтального
   скролла; непрозрачный фон в цвет блока, чтобы не «читалась» сквозь первую строку кода под ней */
.code-block { position: relative; }
pre.diff { max-height: 420px; overflow: auto; font-size: var(--fs-xs); line-height: 1.45; }
pre.diff .add { color: var(--diff-add); }
pre.diff .del { color: var(--diff-del); }
pre.diff .hunk { color: var(--diff-hunk); }
pre.diff .file { font-weight: var(--fw-semibold); }