/* Escritorio: el mapa y la lectura comparten la pantalla. En celular no toca nada. */
@media (min-width: 721px) {
  .stage #map { right: min(34vw, 520px); }
  #list-panel.drawer {
    display: flex;
    flex-direction: column;
    top: 0; right: 0; bottom: 0; left: auto;
    width: min(34vw, 520px);
    max-height: none;
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
    animation: none;
  }
  #list-panel .drawer-body { flex: 1 1 auto; overflow-y: auto; }
  #list-panel .lp-legal {
    margin: 0;
    padding: 12px 16px;
    background: #f0f2ec;
    border-top: 1px solid var(--line-soft);
  }
}