/* R1SE Academy, formatierter Texteditor (js/editor.js, 2026-11-05). Nur Farbvariablen. */
.ed{display:flex;flex-direction:column;gap:6px}
.ed-leiste{display:flex;flex-wrap:wrap;gap:4px}
.ed-leiste button{min-width:36px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:13px;cursor:pointer}
.ed-leiste button:hover{border-color:var(--line2);background:var(--panel3)}
.ed-feld{position:relative;min-height:6em;max-height:60vh;overflow-y:auto;padding:10px 12px;line-height:1.55;cursor:text;white-space:normal;overflow-wrap:anywhere;outline:none}
.ed-feld:focus{border-color:var(--red)}
.ed-feld.leer::before{content:attr(data-platz);color:var(--dim);pointer-events:none;position:absolute;left:12px;top:10px;right:12px;text-align:left}
.ed-feld p{margin:0 0 .5em}
.ed-feld p.ed-lz{margin:0}
.ed-feld h3{font-size:1.05em;margin:.6em 0 .3em}
.ed-feld h2{font-size:1.15em;margin:.7em 0 .3em}
.ed-feld h4{font-size:1em;margin:.5em 0 .25em}
.ed-feld blockquote{margin:.4em 0;padding:.2em 0 .2em 10px;border-left:3px solid var(--line2);color:var(--mute)}
.ed-feld ul,.ed-feld ol{margin:.2em 0 .5em 1.4em;padding:0}
.ed-feld a{color:var(--blue,#0a84ff);text-decoration:underline}
.ed-feld.zu-lang{border-color:var(--warn)}
.ed-baustein{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);font-size:12px;color:var(--mute);user-select:none;vertical-align:baseline}
.ed-block{display:flex;margin:.3em 0;padding:6px 10px}
.ed-baustein svg{width:14px;height:14px;flex:none}
.ed-baustein small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ed-erw{color:var(--text);font-weight:600}
.ed.aus .ed-feld{opacity:.75;cursor:default}
@media (max-width:700px){
  .ed-leiste button{min-width:40px;height:40px}
  .ed-feld{font-size:16px}
}
/* Builder-Modus (Kurs-Builder, 2026-11-06): Text sieht aus wie in der Lektion, Bausteine als echte Vorschau mit Bearbeiten-Knopf */
.ed-voll-modus .ed-feld{max-height:none;min-height:14em;font-size:15.5px;line-height:1.65;padding:14px 16px}
.ed-voll-modus .ed-feld h2{font-size:1.28em;margin:.9em 0 .4em}
.ed-voll-modus .ed-feld h3{font-size:1.12em;margin:.8em 0 .35em}
.ed-voll-modus .ed-feld h4{font-size:1.02em;margin:.7em 0 .3em}
.ed-block.ed-voll{display:block;position:relative;padding:0;margin:.6em 0;border:1px dashed transparent;border-radius:12px;background:none;font-size:inherit;color:inherit;user-select:none;cursor:default}
.ed-block.ed-voll:hover{border-color:var(--line2)}
.ed-voll-inhalt{pointer-events:none}
.ed-voll-inhalt>*:last-child{margin-bottom:0}
.ed-voll-inhalt .md-kasten,.ed-voll-inhalt .md-bild,.ed-voll-inhalt .md-medien,.ed-voll-inhalt .md-video{margin:0}
.ed-voll-inhalt .md-klappbar>summary{pointer-events:auto}
.ed-voll-inhalt hr{margin:.6em 0}
.ed-block-knopf{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--line2);background:var(--panel);color:var(--text);font-size:12px;font-weight:700;opacity:0;transition:opacity .15s;cursor:pointer;z-index:2}
.ed-block-knopf svg{width:14px;height:14px}
.ed-block.ed-voll:hover .ed-block-knopf,.ed-block-knopf:focus{opacity:1}
.ed-leiste .ed-einfuegen{display:inline-flex;align-items:center;gap:5px;font-weight:700;margin-left:auto;border-color:var(--rot-rand);background:var(--rot-weich)}
.ed-leiste .ed-einfuegen svg{width:15px;height:15px}
@media (hover:none),(max-width:700px){
  .ed-block-knopf{opacity:1;height:36px}
  .ed-voll-modus .ed-feld{font-size:16px;padding:12px}
}