/* ══════════════════════════════════════════════════════════════
   KORA · capa móvil (aditiva) — v1
   Solo actúa en pantallas ≤760px. No modifica el desktop.
   Revertible: quita las 2 líneas de kora-mobile.* en index.html.
   ══════════════════════════════════════════════════════════════ */
@media (max-width:760px){

  /* 4 · LA PREGUNTA arriba y en grande (antes quedaba escondida bajo el spread) */
  #s2 .editor-grid > .panel{ order:-1; }
  #s2 .editor-grid > .ed-left{ order:0; }
  #s2 .panel{
    background:#E9E0CF;
    border:1px solid var(--sand-light,#e0d6c4);
    border-radius:14px;
    padding:1.15rem 1.05rem;
    margin-bottom:1.15rem;
  }
  /* título/lede/label de la pregunta más grandes (cubre ambos esquemas: .pq- y .p-) */
  #panelSlots .pq-title, #panelSlots .p-h2{ font-size:24px !important; line-height:1.14 !important; }
  #panelSlots .pq-lede,  #panelSlots .p-lead{ font-size:13.5px !important; line-height:1.45 !important; }
  #panelSlots .pq-label, #panelSlots .qlabel, #panelSlots .field label{ font-size:13.5px !important; }
  #panelSlots .pill{ font-size:13.5px !important; padding:.5rem .8rem !important; }
  /* botón "Generar capítulo" ancho completo, cómodo para el pulgar */
  #panelSlots .pq-next{ width:100%; padding:.9rem 1rem; font-size:15px; }
  /* el toggle mostrar/ocultar panel no aplica en móvil */
  #editorWrap .panel-hide, #editorWrap .panel-show{ display:none !important; }
  /* la nota de "bóveda" al fondo, discreta */
  #s2 .panel-vault{ margin-top:1rem; }

  /* 2 · pista de swipe bajo la navegación del spread */
  .km-swipe-hint{
    text-align:center; font-size:11.5px; color:var(--taupe,#9E8E78);
    margin:.55rem 0 .1rem; letter-spacing:.02em;
  }

  /* 4b · botón "editar esta página" dentro del libro completo */
  #fullWrap .full-spread{ position:relative; }
  .km-edit-btn{
    position:absolute; top:10px; right:10px; z-index:5;
    background:rgba(255,255,255,.94);
    border:1px solid var(--sand-light,#e0d6c4);
    color:var(--clay,#7A6652);
    font-family:var(--font-body,sans-serif); font-size:12px;
    padding:.42rem .72rem; border-radius:999px; cursor:pointer;
    box-shadow:0 4px 12px -6px rgba(60,48,34,.5);
  }
  .km-edit-btn:active{ transform:scale(.96); }
}