/* Éditeur YAML CodeMirror (static/js/yaml-editor.js) et documentation ESPHome (esphome-complete.js). */
.yaml-editor .cm-editor { height: 32rem; border: 1px solid var(--input); border-radius: var(--radius); font-size: 13px; background: #fff; }
.yaml-editor .cm-editor.cm-focused { outline: 2px solid var(--ring); }
.yaml-editor .cm-scroller { font-family: var(--font-mono); }
.yaml-editor .esphome-doc { max-width: 28rem; max-height: 16rem; overflow: auto; padding: .5rem .625rem; white-space: pre-wrap; font-family: var(--font-sans, inherit); font-size: 12px; line-height: 1.45; }

/* data-fill : l'éditeur occupe la hauteur de l'écran (colonne collante sur grand écran). */
@media (min-width: 1024px) {
  .yaml-editor[data-fill] .cm-editor { height: clamp(20rem, calc(100dvh - 10rem), 48rem); }
}