/* ============ EDITOR: toolbar del hero ============ */
.ed-toolbar{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:22px; }
.ed-tool-link{
  font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.05em;
  padding:8px 14px; background:var(--surface); border:2px solid var(--ink); box-shadow:2px 2px 0 var(--shadow);
  color:var(--teal-deep); text-decoration:none; cursor:pointer; transition:transform .15s, box-shadow .15s;
}
.ed-tool-link:hover{ transform:translate(-1px,-1px); box-shadow:3px 3px 0 var(--shadow); }
.ed-tool-danger{ color:var(--burgundy); }

/* ============ formularios de creación (reglas / cartas nueva / preguntas nueva / rincón nuevo) ============ */
.ed-form{
  max-width:560px; margin:0 auto 30px; background:var(--surface); border:2px solid var(--ink);
  box-shadow:5px 5px 0 var(--shadow); padding:22px 22px 20px;
}
.ed-title-input{
  display:block; width:100%; font-family:var(--font-body); font-size:1rem; color:var(--ink);
  background:var(--surface-alt); border:1px solid var(--line); padding:9px 12px; margin-bottom:10px;
}

.ed-reglas-list{ max-width:560px; }
.ed-reglas-list .regla-item{ justify-content:space-between; }
.regla-del{
  flex:none; background:none; border:none; cursor:pointer; font-size:1rem; color:var(--burgundy);
  opacity:.55; padding:4px 6px; transition:opacity .15s;
}
.regla-del:hover{ opacity:1; }

.ed-current-letter{
  max-width:560px; margin:0 auto 18px; background:var(--surface-alt); border:2px solid var(--ink);
  box-shadow:5px 5px 0 var(--shadow); padding:24px 26px; position:relative;
}
.ed-current-letter .ed-letter-meta{
  font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--teal); margin:0 0 12px;
}
.ed-current-letter .ed-letter-text{
  font-family:var(--font-letter); font-size:1.3rem; line-height:1.5; color:var(--ink);
  white-space:pre-wrap; word-break:break-word;
}
.ed-new-letter-toggle-wrap{ text-align:center; margin-bottom:18px; }
.ed-letter-textarea{ font-size:1.1rem; }

.ed-corner-del{
  position:absolute; top:8px; right:8px; background:none; border:none; cursor:pointer;
  font-size:.95rem; color:var(--burgundy); opacity:.5; transition:opacity .15s;
}
.ed-corner-del:hover{ opacity:1; }

/* ============ APARTADOS ============ */
.ed-section-block{
  max-width:720px; margin:0 auto 24px; background:var(--surface-alt); border:2px solid var(--ink);
  box-shadow:5px 5px 0 var(--shadow); padding:20px 22px 24px;
}
.ed-section-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin-bottom:14px; padding-bottom:14px; border-bottom:1px dashed var(--line);
}
.ed-section-title{ font-family:var(--font-heading); font-size:1.15rem; color:var(--burgundy); margin:0 0 4px; }
.ed-section-kicker{ font-family:var(--font-letter); font-size:1rem; color:var(--teal-deep); margin:0; }
.ed-section-del{
  flex:none; font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.04em;
  background:none; border:1px solid var(--burgundy); color:var(--burgundy); cursor:pointer;
  padding:6px 10px; opacity:.7; transition:opacity .15s;
}
.ed-section-del:hover{ opacity:1; }

.ed-form-mini{
  background:var(--surface); border:1px solid var(--line); padding:14px 16px; margin-bottom:16px;
}
.ed-form-mini .notitas-textarea{ font-size:1rem; }
.ed-form-mini .notitas-submit{ font-size:11px; padding:8px 16px; }

/* ============ HISTORIAL ============ */
.ed-history{ max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
.ed-history-item{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  background:var(--surface); border:2px solid var(--ink); box-shadow:3px 3px 0 var(--shadow);
  padding:12px 16px;
}
.ed-history-body{ min-width:0; }
.ed-history-label{ font-size:.95rem; color:var(--ink); margin:0 0 4px; word-break:break-word; }
.ed-history-meta{
  font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.04em;
  color:var(--teal-deep); opacity:.8; margin:0;
}
.ed-history-revert{
  flex:none; font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.04em;
  padding:7px 12px; background:var(--gold); color:var(--btn-ink); border:2px solid var(--ink); box-shadow:2px 2px 0 var(--shadow);
  cursor:pointer;
}